码迷,mamicode.com
首页 > 其他好文 > 详细

UEditor编辑器_记一次开发

时间:2018-01-20 16:24:54      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:baidu   ted   ima   调用   写代码   div   style   方法   图片   

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编辑器_记一次开发

标签:baidu   ted   ima   调用   写代码   div   style   方法   图片   

原文地址:https://www.cnblogs.com/bonnie-w/p/8320757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!