百度编辑器的用法

本文介绍UEditor编辑器的两种部署方式:控件部署与非控件部署。详细步骤包括文件拷贝、添加引用及脚本,适用于ASP.NET项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何部署在实际项目中 

首先下载UEditor编辑器

一、控件部署方法

拷贝UEditor整个目录到你的实际项目中

在实际项目中添加对UeditorControl.dll的引用

给需要使用编辑器的aspx页面头部添加
   <%@ Register Assembly="UEditorControl" Namespace="UEditorControl" TagPrefix="cc1" %>

在需要放置编辑器的位置添加(ID和Width等属性需要根据实际修改和添加)
   <cc1:UEditor ID="UEditor1" runat="server" Width="100%">
    </cc1:UEditor>

后台获取值

string str=UEditor1.text

前台获取值

var editor = UEditor.getContent();




二、非控件部署方法

拷贝UEditor整个目录到你的实际项目中

给需要使用编辑器的aspx页面头部添加编辑器样式和编辑器类库

 <link rel="stylesheet" type="text/css" href="/UEditor/themes/default/ueditor.css" />
    <script src="/UEditor/editor_config.js" type="text/javascript"></script>
    <script src="/UEditor/editor_all.js" type="text/javascript"></script>

在需要放置编辑器的位置添加编辑器内容存放容器,如下:
 <textarea name="UEditor1" id="UEditor1" rows="4" cols="40" wrap="virtual">初始内容</textarea>

给页面添加编辑器渲染脚本,如下(以下基本可通过实例项目中的Config.htm生成):
        <script type="text/javascript">
//定义编辑器配置项目,如这里的定义的编辑器最小高度,其他配置参数请参考官方教程
            var option = {minFrameHeight:100};
//实例化编辑器,对象名称不同可在同一个页面渲染更多的编辑器
            var UEditor1 = new baidu.editor.ui.Editor(option);
//渲染编辑器,参数为上一步中的容器的ID值
            UEditor1.render('UEditor1');
        </script>

后台获取值

Repose.form[""];









评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值