加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

thinkPHP下ueditor的使用方法详解

发布时间:2020-12-13 03:01:58 所属栏目:PHP教程 来源:网络整理
导读:《PHP实例:thinkPHP下ueditor的使用方法详解》要点: 本文介绍了PHP实例:thinkPHP下ueditor的使用方法详解,希望对您有用。如果有疑问,可以联系我们。 PHP实战 本篇章节讲解thinkPHP下ueditor的使用办法.供大家参考研究,具体如下: PHP实战 1、首

《PHP实例:thinkPHP下ueditor的使用方法详解》要点:
本文介绍了PHP实例:thinkPHP下ueditor的使用方法详解,希望对您有用。如果有疑问,可以联系我们。

PHP实战本篇章节讲解thinkPHP下ueditor的使用办法.分享给大家供大家参考,具体如下:

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

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

PHP实战3、在项目中的使用

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

PHP实战
<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>

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

代码如下:
<textarea name="content" id="EditorId"> </textarea>

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

PHP实战
<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>

PHP实战注意:

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

PHP实战至此一个便算基本完成.

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

PHP实战在IE9下,需要把

代码如下:
window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";

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

PHP实战希望本文所述对大家基于thinkPHP框架的php程序设计有所赞助.

《PHP实例:thinkPHP下ueditor的使用方法详解》是否对您有启发,欢迎查看更多与《PHP实例:thinkPHP下ueditor的使用方法详解》相关教程,学精学透。编程之家 52php.cn为您提供精彩教程。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读