资讯专栏INFORMATION COLUMN

刚才把kindeditor在线编辑器做成可视化UBB编辑模式了

dreamans / 3068人阅读

摘要:可惜不提供在线编辑功能,怎么办呢看,这里有人发问,三年过去了居然无人回答。刚才研究了一下的代码我是直接修改的,发现有一个简单的办法可以把在线编辑器变成可视化编辑模式的。

我挺喜欢UBB编辑的,因为它能简化存储内容,保存发布内容之后,前台样式化也很简单。可惜kindeditor不提供UBB在线编辑功能,怎么办呢?看,这里有人发问http://kindeditor.net/view.php?bbsid=5&postid=4212 ,三年过去了居然无人回答。
刚才研究了一下kindeditor的代码(我是直接修改kindeditor-min.js的),发现有一个简单的办法可以把kindeditor在线编辑器变成可视化UBB编辑模式的。
具体来说,就是把kindeditor-min.js最后面的两个函数,b.beforeGetHtml和b.beforeSetHtml的末尾(“})”前面)各加一个“&&(a=html2ubb(a))”和“&&(a=ubb2html(a))”,如图所示:


红色方框里的内容是我加上去的。
然后再从http://xheditor.com/里下载http://xheditor.com/js/xheditor_plugins/ubb.js
把这里的两个函数function html2ubb和function ubb2html放到kindeditor-min.js后面就好了。不过我出于自己的目的,对xheditor的ubb也不太满意,对function html2ubb和function ubb2html都做了点改动。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78011.html

相关文章

  • 前端技术 博客文章、书籍 积累

    摘要:好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹(修订版)》《JavaScript设计模式》《J...

    LiangJ 评论0 收藏0
  • 前端技术 博客文章、书籍 积累

    摘要:好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹(修订版)》《JavaScript设计模式》《J...

    codercao 评论0 收藏0
  • 前端技术 博客文章、书籍 积累

    摘要:好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScript Ninjia》《JavaScript语言精粹(修订版)》《JavaScript设计模式》《J...

    huayeluoliuhen 评论0 收藏0
  • GitHub 值得收藏的前端项目[每月更新...]

    摘要:也是一款优秀的响应式框架站点所使用的一套框架为微信服务量身设计的一套框架一组很小的,响应式的组件,你可以在网页的项目上到处使用一个可定制的文件,使浏览器呈现的所有元素,更一致和符合现代标准。 GitHub 值得收藏的前端项目 整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习,本篇文章会持续更新,版权归原作者所有。欢迎github star与fork 预...

    maxmin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<