NET学习——MVC使用UEditor

一、UEditor简介

官网：http://ueditor.baidu.com/website/

UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 UEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本编辑框。

二、使用

1. 下载包，并放入解决方案

下载后解压，将解压文件的内容粘贴到解决方案新建的文件夹内

2. 在文件夹内引用JS文件

要注意的是，前两个JS的引用顺序是不要写反，只能是图中的顺序。

3. 对应标签初始化UEditor

<script type="text/javascript">
    var ue = UE.getEditor('content');//初始化，注意单引号中对应标签id，写错会出现错误
</script>

4. 常用方法

使用  editor.getContent() 方法可以获得编辑器的内容

使用 editor.getPlainTxt() 方法可以获得编辑器的带格式的纯文本内容

使用 editor.setContent('欢迎使用ueditor') 方法可以设置编辑器的内容

使用 editor.getContentTxt() 方法可以获得编辑器的纯文本内容

使用 editor.hasContents() 方法判断编辑器里是否有内容

API： http://ueditor.baidu.com/doc/

5.自定义

5.1 自定义工具栏

工具栏上的所有的功能按钮和下拉框，可以在new编辑器的实例时选择自己需要的重新定义

修改的文件：ueditor.config.js

工具栏对应：

找到对应的单词删除即可，减少工具栏的工具。

需要注意的是：JS文件在浏览器加载的时候，浏览器会下载JS文件，修改后请注意清理浏览器的缓存，然后在重新加载新的页面。

5.2 去除元素路径

修改的文件：ueditor.config.js