thinkPHP下ueditor的使用方法详解
程序员文章站
2022-06-06 11:22:13
本文实例讲述了thinkphp下ueditor的使用方法。分享给大家供大家参考,具体如下:
1、首先需要下载ueditor,下载地址:
2、下载对应的php版的,下载后...
本文实例讲述了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程序设计有所帮助。
上一篇: 内阁大学士李东阳真的毫无作为?后人都是如何评价李东阳的
下一篇: 陶晴贤:西国无双的侍大将