让taoCMS支持Ueditor编辑器

Ueditor是百度团队开发的一个在线编辑器,很强大。

taoCMS默认的是Xheditor,个人不是太喜欢,所以换成了Ueditor。

只需要把Ueditor文件放在images目录下,然后修改 editcms.html 这个模板文件,

将编辑器那一块儿换成如下的即可:

<textarea name="content" id="content" style="height:500px;">{o[‘content’]}</textarea>
<script type="text/javascript" src="images/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="images/ueditor/ueditor.all.js"></script>
<script type="text/javascript">
var editor = new UE.ui.Editor();
editor.render("content");
//1.2.4以后可以使用一下代码实例化编辑器
//UE.getEditor(‘myEditor’)
</script>


不过,taoCMS的默认css会影响Ueditor的工具栏,所以打开common.css文件,修改


.addtable td,.list td{border-bottom:#999999 1px solid; padding:2px 4px;word-break: keep-all;/*white-space:nowrap;*/}


这一行,将最后的不允许换行去掉即可。


由于Ueditor的强大,就这么简单的修改完后,一切都能正常使用了。