在ThinkPHP下如何配置ueditor(1.4.3)版

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在ThinkPHP下如何配置ueditor(1.4.3)版相关的知识,希望对你有一定的参考价值。

我看了好久的文档,依然配置不好, 请问config.json和config.js这两个文件要怎么配置? 还有我要上传图片, 要怎么配置了才能正常使用? 比如说我想把编辑器里的图片保存到myapp/Home/Public/Uploads/里面要怎么配置呢? 上传类就用Thinkphp里面自带的.

这是我之前用的ueditor,thinkPHP3.1.3版本,ueditor版本貌似是1.2或者1.3的,记不清了,你可以参考下,ueditor版本有很大不一样的地方,官方一定会对其有相关说明及解释,你可以稍作调整。

首先,两个js文件用默认的就好了。
第二,你正确的引用了ueditor插件,你要上传图片也是很方便的,不用再做更多的配置。
下面就是我的用法,直接给你贴代码了。 注:我下载好的ueditor文件夹放在了Public文件夹下的Admin文件夹了。

首先是页面头部加载js的部分:
<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "__PUBLIC__/Admin/ueditor/"; //UEDITOR_HOME_URL、config、all这三个顺序不能改变
window.onload=function()
window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度
window.UEDITOR_CONFIG.imageUrl=":U(\'Index/checkPic\')"; //图片上传提交地址
window.UEDITOR_CONFIG.imagePath=\'__PUBLIC__/Uploads/thumb/\'; //编辑器调用图片的地址
UE.getEditor(\'contents\'); //里面的contents是我的textarea的id值

</script>
<script type="text/javascript" src="__PUBLIC__/Admin/ueditor/ueditor.all.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/ueditor/ueditor.config.js"></script>

然后是input框那部分:
这是我整个一条tr:
<tr class="tr rt">
<td >新闻内容:</td>
<td colspan="3" class="lt">
<textarea name="contents" id="contents" cols="30" rows="10"><present name="info">$info.content|htmlspecialchars_decode</present></textarea>
<div id="contentsTip" class="fl" style="width:250px;height:29px;"></div>
</td>
</tr>
供你参考了,把不用的掠过就好。
基本上每句都给加了注释,应该容易理解了。追问

谢谢了, 旧版本的UEditor我会配置的,就是这个新版本的路径不会弄了。

参考技术A 这个目前还没有接触 希望可以了解下

ueditor和thinkphp框架整合修改版

基于tp官网上的一篇文章修改的  因为tp中所有目录其实都是性对于入口文件的 在原来的基础上略做修改后 已经做到 无论项目放在www下的任何位置 图片在编辑器中回填后都能正常显示!

 http://files.cnblogs.com/files/wordblog/ueditor.zip

以上是关于在ThinkPHP下如何配置ueditor(1.4.3)版的主要内容,如果未能解决你的问题,请参考以下文章

PHP如何搭建百度Ueditor富文本编辑器

PHP如何搭建百度Ueditor富文本编辑器

Ueditor 1.4.3.1 使用 ThinkPHP 3.2.3 的上传类进行图片上传

高分求thinkphp中设置xheditor图片上传详细步骤。。。

ueditor和thinkphp框架整合修改版

first