作者zoko741235 (台北金城武)
看板Web_Design
标题[心得] wysiwyg 文章编辑器分享
时间Mon Oct 12 20:12:55 2015
刚刚找到一款终於成功整合在网站上的来怒发文
wysiwyg = what you see is what you get = 所见即所得
很多文章编辑器以此为名，比如跟 bootstrap3 整合的 bootstrap3-wysiwyg
不过其实有一堆衍生版本，要马跟bootstrap结合 要马html5
名字都是几个字眼重复排列
外观也是大同小异，虽然原始码长的都很不一样
但试了三款都有出不一样的问题
分别是 bootstrap3-wysiwyg
wysihtml5
bootstrap-wysihtml5
甚至是有附带一堆很脏的原始码之类的
底下介绍两个 命名逻辑跟上面说的那系列不一样的 wysiwyg 文章编辑器
1. QuillJS
http://quilljs.com/
极漂亮
无 bootstrap-based
官网没有直接给出 full-editor 的原始码，要花点时间去弄
我没有用成功
2. Summernote
http://summernote.org/
蛮好看的
based on jQuery, Bootstrap, font-awesome
只需要写一个 div，加上官网提供的极少 JS 程式码就行
使用简单，产生出的原始码也很乾净
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 134.208.45.130
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1444651982.A.033.html
1F：推 imhaha: 二好乾净，只是功能不多>_< 10/13 11:40
2F：推 qas612820704: 我想请问wysiwyg如果进後台要怎麽避免XSS? 最近正在 10/15 11:47
3F：→ qas612820704: 做相关的东西困扰中 10/15 11:47
4F：→ mmis1000: html sanitizer 搜寻这个，一堆现成的 10/15 13:36
5F：推 qas612820704: 感谢尼 10/15 16:50
6F：→ mmis1000: 对了，这东西一定要在伺服器跑欧，不然就没意义了 10/15 17:59
7F：推 jacksonxu: 谢谢大大 12/31 17:34