Heim > Backend-Entwicklung > PHP-Tutorial > thinkPHP下ueditor的使用方法详解_PHP

thinkPHP下ueditor的使用方法详解_PHP

WBOY
Freigeben: 2016-05-28 11:49:41
Original
915 Leute haben es durchsucht

本文实例讲述了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>

Nach dem Login kopieren

然后再文件中加入

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

<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>

Nach dem Login kopieren

注意:

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

至此一个便算基本完成。

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

在IE9下,需要把

代码如下:

window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";


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

希望本文所述对大家基于thinkPHP框架的php程序设计有所帮助。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage