您的位置：首页 > 编程学习 > Web > 正文

网页嵌入百度UEditor富文本编辑器

更多时间：2016-4-22 类别：编程学习浏览量：3766

网页嵌入百度UEditor富文本编辑器

网页嵌入百度UEditor富文本编辑器

富文本编辑器网上有很多种，例如：kindeditor、ckeditor、UEditor等等，下面向大家介绍百度编辑器UEditor的简单使用方法

一、UEditor界面图

二、UEditor编辑器官方demo链接

http://ueditor.baidu.com/website/onlinedemo.html

三、在网页中嵌入百度UEditor富文本编辑器的简单实例

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、在web页面中嵌入ueditor编辑器

HTML 代码复制


    <script type="text/javascript" charset="utf-8" src="/UEditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="/UEditor/ueditor.all.js"></script>
    <script type="text/javascript" charset="utf-8" src="/UEditor/lang/zh-cn/zh-cn.js"></script>


<body>
　　<form id="form1" runat="server">
　　　　<textarea id="myEditor" name="myEditor" runat="server"></textarea>
　　　　<script type="text/javascript">...
　　　　　　var editor = new baidu.editor.ui.Editor();
　　　　　　editor.render("myEditor");
　　　　</script>
</form>
</body>

6、其它更多的编辑器 API函数请查阅ueditor官网说明

http://ueditor.baidu.com/website/

四、UEditor上传功能的设置

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

标签：富文本编辑器

上一篇：SQL SERVER中使用WITH TIES获取前几行数据

下一篇：sql server还原数据库时提示数据库正在使用

您可能感兴趣

网页嵌入百度UEditor富文本编辑器

网页嵌入百度UEditor富文本编辑器

热门推荐

排行榜