ueditor使用笔记

主宰稳场 提交于 2019-12-04 15:54:56

ueditor使用笔记

1 先引用uedit javascript文件
<pre>
<!--ueditor引入-->
<script type="text/javascript" charset="utf-8" src="/admins/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/admins/ueditor/ueditor.all.min.js"></script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="/admins/ueditor/lang/zh-cn/zh-cn.js"></script>
</pre>

2 写编辑器页面 他就是个script脚本
<pre>
<script id="editor" type="text/plain"
style="width:600px;height:300px;"></script>
</pre>

3 显示编辑器 ps:editor要对应
<pre>
$(function () {
var ue = UE.getEditor('editor');
})
</pre>


4 获取编辑器写的内容
<pre>
var ue = UE.getEditor('editor');
var content=UE.getEditor('editor').getContent();
</pre>

5 显示编辑器里的内容
<pre>
var ue = UE.getEditor('editor');
ue.ready(function(){
UE.getEditor('editor').execCommand('insertHtml', '{$result.content}');
});

execCommand('insertHtml', '{$newsData.content}') 是直接插入编辑器的html 注意不要插入html实体 会直接显示标签在上面

ps:ue.getContent();据说要写在ue.ready 才不会报错

 


6编辑器上传图片路径配置
\ueditor\php\config.json
imageUrlPrefix 这个是改前缀

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!