ThinkPHP下使用Ueditor

浏览数：22 / 时间：2015年06月09日

在做课程设计的时候想到用百度的Ueditor，可在配置的时候出现了一些问题

Ueditor感觉不是很难，以前有个人定制的，现在取消了这项服务，但是我们可以自己进行配置

下载地址：http://ueditor.baidu.com/website/download.html#ueditor

下载好文件后，把文件解压，把文件里的所有文件放到项目下的Public文件下，

因为我们在很多地方都需要使用编辑器，所以放在Public下方便使用

在<head>……</head>下添加如下代码

<script type="text/javascript" 
src="__PUBLIC__/Ueditor/ueditor.config.js"></script>
<script type="text/javascript" 
src="__PUBLIC__/Ueditor/ueditor.all.js"></script>
<link type="text/javascript" 
src="__PUBLIC__/Ueditor/themes/default/ueditor.css"></link>

　　在<body>……</body>下添加如下代码

<script type="text/javascript" charset="utf-8">
        var editor = new baidu.editor.ui.Editor({initialFrameWidth:510});
        editor.render(‘editor‘); //editor为<div>或<textarea>中定义的id 属性
 </script>

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

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

将url改成网站的相对路径或绝对路径（建议用绝对路径）
比如：URL = "http://localhost:3306/Public/ueditor/";

对于现在不能定制的问题，我们可以再ueditor.config.js文件中

找到 toolbars: 里面的控件进行增删

ThinkPHP下使用Ueditor,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

ThinkPHP下使用Ueditor