thinkphp 整合ueditor编辑器的方法介绍

发布时间:2020-12-17编辑:脚本学堂
介绍如何在thinkphp中整合ueditor编辑器,有需要的朋友,可以参考下。

步骤1:下载百度编辑器http://ueditor.baidu.com/website/ipanel/panel.html
步骤2:解压后重新命名文件夹为ueditor放在项目公共目录,放在Public/ueditor下。

步骤3:
在add.html中引入公共文件
 

复制代码 代码示例:
<SCRIPT type="text/javascript" src="__PUBLIC__/ueditor/editor_config.js"></SCRIPT>
<SCRIPT type="text/javascript" src="__PUBLIC__/ueditor/editor_all.js"></SCRIPT>

设置编辑器:
 

复制代码 代码示例:
<textarea name="content" id="myEditor"></textarea>      
<script type="text/javascript">
    UE.getEditor('myEditor', {
    theme:"default", //皮肤
    lang:"zh-cn", //语言
    initialFrameWidth:800,  //初始化编辑器宽度,默认800
    initialFrameHeight:320
});
</script>

设置后编辑器并没有显示,还有重要一步配置editor_config.js,如何配置呢?

方法如下:
找到URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("/")+1).replace("_examples/","").replace("website/","");//这里可以配置成ueditor目录网站的相对路径或者绝对路径(指以http开头的绝对路径)

将url改成网站的相对路径或绝对路径(建议用绝对路径)
比如:URL = "http://www.jb200.com/Public/ueditor/";

经过以上几步之后,便完成了在thinkphp中整ueditor编辑器,希望对大家有所帮助。