百度编辑器UEditor的使用方法-白红宇

百度编辑器UEditor的使用方法

阅读量：5142 次

发布时间：2019-06-13

本文共 1108 字，大约阅读时间需要 3 分钟。

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

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>

　　　　　　var editor = new baidu.editor.ui.Editor();

　　　　　　editor.render("myEditor");

　　　　</script>

<asp:Button ID="Button" runat="server" Text="获取数据" />

</div>

</form>

　　function setUeditor() {

　　　　var myEditor = document.getElementById("myEditor");

　　　　myEditor.value = editor.getContent();

}

</script>

</body>

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

6.备注：有的朋友可能在上传图片，视频，附件等内容时可能无法上传，原因是路径的配置，解决方法：ueditor/net/目录下新建upload文件夹，并在该文件夹下新建image，video等文件夹即可，文件夹创建的目录也可以在ueditor/net/config.json文件中进行配置，截图如下：

转载于:https://www.cnblogs.com/niguang/p/bill.html

你可能感兴趣的文章