如何在thinkPHP中使用ueditor-创新互联

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

成都创新互联公司作为成都网站建设公司，专注成都网站建设、网站设计，有关企业网站制作方案、改版、费用等问题，行业涉及履带搅拌车等多个领域，已为上千家企业服务，得到了客户的尊重与认可。

1、首先需要下载ueditor

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

3、在项目中的使用

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

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>

然后再文件中加入<textarea>标签，注意设置id属性

复制代码 代码如下:

<textarea name="content" id="EditorId"> </textarea>

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

<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/";
window.onload=function(){
window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度
   window.UEDITOR_CONFIG.initialFrameWidth=800;//编辑器的宽度
   var editor = new UE.ui.Editor({
imageUrl : '__APP__/Editor/uploadImage',
fileUrl : '__APP__/Editor/uploadFile',
imagePath : '',
filePath : '',
imageManagerUrl:'__APP__/Editor/imageManage', //图片在线管理的处理地址
imageManagerPath:'__ROOT__/'
});
editor.render("EditorId");
}
</script>

注意：

1、UEDITOR_HOME_URL的路径配置为ueditor所在的位置。
2、图片上传路径的配置
3、editor.render("textarea的id一致");

至此一个便算基本完成。

但是，在IE9下，编辑器没有一点效果，这是怎么回事呢？

在IE9下，需要把

复制代码 代码如下:

window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";

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

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

文章标题：如何在thinkPHP中使用ueditor-创新互联
链接地址：https://www.cdcxhl.com/article26/dggijg.html

成都网站建设公司_创新互联，为您提供网站内链、域名注册、软件开发、ChatGPT、做网站、品牌网站设计

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联