顯示廣告
隱藏 ✕
※ 本文為 dinos 轉寄自 ptt.cc 更新時間: 2015-10-12 20:34:06
看板 Web_Design
作者 zoko741235 (台北金城武)
標題 [心得] 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/
Quill - A Rich Text WYSIWYG Editor with an API
[圖]
Quill is a free, open source WYSIWYG editor built for the modern web. With its expressive API, you can completely customize it to fulfill your needs. ...

 

        極漂亮

        無 bootstrap-based

        官網沒有直接給出 full-editor 的原始碼,要花點時間去弄

        我沒有用成功


2. Summernote

        http://summernote.org/
Summernote - Super Simple WYSIWYG editor on Bootstrap
Super Simple WYSIWYG Editor on Bootstrap ...

 

        蠻好看的

        based on jQuery, Bootstrap, font-awesome

        只需要寫一個 div,加上官網提供的極少 JS 程式碼就行

        使用簡單,產生出的原始碼也很乾淨

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 134.208.45.130
※ 文章代碼(AID): #1M6wFE0p (Web_Design)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1444651982.A.033.html

--
※ 看板: dinos 文章推薦值: 0 目前人氣: 0 累積人氣: 875 
作者 zoko741235 的最新發文:
  • +54 [正妹] 西野七瀬 - Beauty 板
    作者: 134.208.45.130 (台灣) 2016-03-29 23:07:37
    先來兩支影片 左邊的 右 中 左
    69F 55推 1噓
  • [心得] wysiwyg 文章編輯器分享 - Web_Design 板
    作者: 134.208.45.130 (台灣) 2015-10-12 20:12:55
    剛剛找到一款終於成功整合在網站上的來怒發文 wysiwyg = what you see is what you get = 所見即所得 很多文章編輯器以此為名,比如跟 bootstrap3 整合的 …
  • +24 [13春] 果然我的青春(ry - C_Chat 板
    作者: 114.25.133.212 (台灣) 2013-05-08 19:23:45
    雷: 動畫 第5集    小說 第2本 - 這集有個我很期待的段落沒有演出來, 是 八幡和其他人在到 黑色蕾絲工作場所前的集合, 這段雖然有點雞肋,但我蠻喜歡的 而且能多看穿另外一套衣服的 小雪乃也不 …
    47F 24推
  • +19 [13春] 春番、不笑貓、JCStaff - C_Chat 板
    作者: 114.25.115.93 (台灣) 2013-04-14 17:26:08
    看板 C_Chat作者 zoko741235 (zoko741235)標題  春番、不笑貓、JCStaff時間 Sun Apr 14 17:26:08 2013 幾分鐘前才剛看完變態王子與不笑貓,因為 …
    40F 19推
分享網址: 複製 已複製
guest
x)推文 r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇