thinkPHP下ueditor的如何使用方法详解

朝霞的颜色多的不能再多了。有橘黄色桃红色朱红色葡萄紫,还有淡红色等等。我觉得大自然有一个五颜六色的彩笔盒,把天空当画板,给天空上色。

本文实例讲述了thinkPHP下ueditor的使用方法。分享给大家供大家参考,具体如下:

1、首先需要下载ueditor,下载地址:http://ueditor.baidu.com/website/download.html

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程序设计有所帮助。

本文thinkPHP下ueditor的如何使用方法详解到此结束。人生的欢乐和幸福不在金钱,不在爱情,而在真理。即使你想得到的是一种动物式的幸福,生活反正不会任你一边酗酒,一边幸福的,它会时时刻刻猝不及防地给你打击。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
thinkphp集成前端脚手架Vue-cli的好代码教程图解

thinkPHP框架整合tcpdf插件操作示例

thinkPHP框架单元测试库tpunit用法示例

ThinkPHP 3如何使用OSS的方法

PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例