让taoCMS支持Ueditor编辑器
让taoCMS支持Ueditor编辑器
孤月蓝风 发表于1个月前
让taoCMS支持Ueditor编辑器
  • 发表于 1个月前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

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的强大,就这么简单的修改完后,一切都能正常使用了。

共有 人打赏支持
粉丝 8
博文 70
码字总数 36962
×
孤月蓝风
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: