UEditor编辑器_记一次开发

Posted Bonnie_W

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UEditor编辑器_记一次开发相关的知识,希望对你有一定的参考价值。

1.UEditor编辑器官网:http://ueditor.baidu.com/website/

2.下载文件:选择  1.4.3.3 .Net版本 UTF-8板

3.建一个ueditor文件夹,将下载的文件全部放进这个ueditor文件夹里。

4.新建一个aspx页面,需要引用以下文件

5.<body>……</body>需写代码

1 <script id="editor" type="text/plain" style="height: 300px;"></script>

 

1   <script type="text/javascript">
2 
3         //实例化编辑器
4         //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor(\'editor\')就能拿到相关的实例
5         var ue = UE.getEditor(\'editor\');
6    </script >

6.  一般图片保存可以看:ueditor\\net\\config.json

7.获取html内容:conter

1                 var arr = [];
2                 arr.push(UE.getEditor(\'editor\').getContent());
3                 var conter = arr.join("\\n");

8.赋值、清空内容:

1    var ue = UE.getEditor(\'editor\');//初始化对象  
2     ue.setContent("");
      ue.setContent(conter);

9.效果图:

 

以上是关于UEditor编辑器_记一次开发的主要内容,如果未能解决你的问题,请参考以下文章

ueditor禁用编辑的时候报错:Uncaught TypeError: Cannot read property 'contentEditable' of undefined(代码片

记一次Uml编辑器Umlet

记一次C++编辑器分析_之前一直用,现在很难下载,以及另外Rider快捷方式

ueditor编辑器使用总结

记一次UnityEditor编辑器扩展开发参考BuildReportTools插件自定义高效列表

使用myeclipse开发的Javaweb项目中怎么部署ueditor