当前位置： 移动技术网 > IT编程>开发语言>PHP > thinkPHP下ueditor的使用方法详解

thinkPHP下ueditor的使用方法详解

2018年04月20日  | 移动技术网IT编程  | 我要评论

本文实例讲述了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框架的php程序设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网