百度编辑器UEditor的使用方法

最新推荐文章于 2020-11-22 23:33:46 发布

weixin_30799995

最新推荐文章于 2020-11-22 23:33:46 发布

阅读量84

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/niguang/p/bill.html

版权

百度编辑器具有丰富文本编辑功能，且开源免费，其使用方法如下：

1.在官网上下载对应的Uditor压缩包：http://ueditor.baidu.com/website/download.html

2.在项目根目录下创建ueditor文件夹，并将下载的UEditor解压后的文件放在ueditor文件下下

3.在ueditor文件夹下找到ueditor.config.js文件，并修改编辑器实例的路径

4. 在Web.Config配置文件的System.web节点下加上：<httpRuntime targetFramework="4.5" requestValidationMode="2.0"/>，该设置可使客户端的校验无效

5.新建一个页面，页面内容如下：

<body>
　　<form id="form1" runat="server">
　　　　<textarea id="myEditor" name="myEditor" runat="server" οnblur="setUeditor()"></textarea>
　　　　<script type="text/javascript">
　　　　　　var editor = new baidu.editor.ui.Editor();
　　　　　　editor.render("myEditor");
　　　　</script>
<div id="myButton" runat="server">
<asp:Button ID="Button" runat="server" Text="获取数据" />

</div>
</form>

到了这一步，在浏览器中查看你的页面，编辑器便正常显示出来了：