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

版权声明:本文为Abbey_qi原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Abbey_qi/article/details/102975731