如何在thinkPHP中使用ueditor

  介绍

如何在thinkPHP中使用ueditor ?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

1,首先需要下载ueditor

2,下载对应的php版的,下载后重命名为ueditor,根据需要放到对应的项目目录中。我放的位置为公共/admin文件夹下,管理为后台的访问入口文件目录。

3,在项目中的使用

首先需要引入核心的js文件:

& lt; script 类型=拔谋?javascript", charset=皍tf-8", src=https://www.yisu.com/zixun/" __PUBLIC__/admin/ueditor/ueditor.config.js ">   <脚本type=" text/javascript“charset=" utf - 8 " src=" __PUBLIC__/admin/ueditor/ueditor.all.js ">

然后再文件中加入& lt; textarea>标签,注意设置id属性

代码如下:

& lt; textarea name=癱ontent"id=癊ditorId"比;& lt;/textarea>

接着是初始化编辑器,注意配置路径

& lt; script 类型=拔谋?javascript", charset=皍tf-8"比;   时间=window.UEDITOR_HOME_URL “__PUBLIC__/admin/ueditor/?;   window=function () {   window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度   ,,window.UEDITOR_CONFIG.initialFrameWidth=800;//编辑器的宽度   ,,var  editor =, new  UE.ui.Editor ({   时间:imageUrl  & # 39; __APP__/编辑/uploadImage& # 39;   时间:fileUrl  & # 39; __APP__/编辑/还是# 39;   时间:imagePath  & # 39; & # 39;   时间:filePath  & # 39; & # 39;   imageManagerUrl: & # 39; __APP__/编辑/imageManage& # 39;,,//图片在线管理的处理地址   imageManagerPath: & # 39; __ROOT__/& # 39;   });   editor.render (“EditorId");   }   & lt;/script>

<强>注意:

1, UEDITOR_HOME_URL的路径配置为ueditor所在的位置。
2,图片上传路径的配置
3, editor.render(“文本区域的id一致“);

至此一个便算基本完成。

但是,<强>在IE9下,编辑器没有一点效果,这是怎么回事呢?

在IE9下,需要把

代码如下:

窗口。UEDITOR_HOME_URL=癬_PUBLIC__/ueditor/?;


路径设置代码,放在引入js文件和初始化之间。

关于如何在thinkPHP中使用ueditor问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。

如何在thinkPHP中使用ueditor