1.下载ueditor1_4_3-utf8-php,解压后如下:
把文件重命名为ueditor
2.在模板里引用如下:
<link href="../../../ueditor/themes/iframe.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="../../../ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../../../ueditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="../../../ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
var editor= UE.getEditor('myEditor');
</script>
<textarea cols="300" rows="15" name="article_content" id="myEditor">
</textarea>
3.编辑器宽度设置如下,myEditor为文本框的id:
4.如果几个页面都需要引入在线编辑器,在需要引入页面的顶部加上下面一句话:
这句是设置路径
5.对于编辑器发布的内容,前台模板显示为html的解决办法是:
在模板输出字段加入html_entity_decode()函数
也就是:PHP输出时的问题。用html_entity_decode()函数把 HTML 实体转换为字符即可了。
6.设置编辑器的整体高度和宽度,设置如下:
ueditor\themes\iframe.css找到这个文件;
对其进行设置:
#myEditor{
width:850px;
height:200px;
display:inline;
}
初学者如需购买thinkphp程序(包括前后台),加个人微信LBXZFR2013
微信扫描关注“公众号” 有惊喜
![]()