DDR爱好者之家

thinkPHP下ueditor的使用方法详解
站长资源 2024/11/27 佚名
48 1538
DDR爱好者之家 Design By 杰米

本文实例讲述了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="/UploadFiles/2021-04-02/ueditor.config.js">


然后再文件中加入<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程序设计有所帮助。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米