7 款 Bootstrap 在線富編輯器
Bootstrap 已經大大簡化響應式 web 開發，但是，如果再加上不用手動一點點敲代碼，而是可以快速選擇你想要使用的
Bootstrap 組件，然後直接將其拖進你的畫板中，開發是否會變得更加輕鬆？！
這便是所謂的所見即所得（What you see is what you get，WYSIWYG）開發模式，能幫你達成這一切的，便是“所見即所得編輯器”。
所見即所得編輯器通常分爲以下兩大類：
- 富文本編輯器
- 框架編輯器
富文本編輯器側重於網頁中大塊連續文本的格式編輯，基本編輯樣式包括：字體、顏色、列表、鏈接、圖片等等，一般所生成的內容都是作爲網頁的主體展示給用戶。
框架編輯器則用於快速搭建網頁的整體佈局，操作時，更多的是組件的選擇與拖放，以達到高效、批量地生產靜態頁面的目的，一般可操作的組件有：導航、列、行、面板等等。
本文會將所有流行的 Bootstrap 富文本編輯器集中介紹給大家。
而在另一篇文章中，將會重點介紹上述提及的框架編輯器，詳見：
Bootstrap 在線框架編輯器：http://classfoo.com/ccby/article/LfVtbU9
注意！本文中的所有網址都來自對應插件的官方網站，可能需要代理才能訪問。
-
CKEditor是目前最優秀的免費、開源web富編輯器之一。主要特點：
免費 開源 社區驅動 大量插件 高度可定製 編輯體驗流暢 兼容所有主流瀏覽器
默認不支持
Bootstrap樣式，但其高度可配置可以輕鬆的滿足這一要求。需要考慮的：
- 如果想自定義特性，需要一定的初期學習成本。
- 功能完善導致架構複雜，使得體積稍顯臃腫（作爲前臺編輯器時，可能會考慮）。
- 需求特殊，且無插件可以滿足時，如果考慮修改核心代碼成本高昂。
- 國內無核心社區。
下載地址：http://ckeditor.com/download
-
Tinymce是目前最優秀的免費、開源web富編輯器之一。主要特點：
免費 開源 社區驅動 大量插件 高度可定製 編輯體驗流暢 兼容所有主流瀏覽器
默認不支持
Bootstrap樣式，但其高度可配置可以輕鬆的滿足這一要求。需要考慮的：
- 如果想自定義特性，需要一定的初期學習成本。
- 功能完善導致架構複雜，使得體積稍顯臃腫（作爲前臺編輯器時，可能會考慮）。
- 需求特殊，且無插件可以滿足時，如果考慮修改核心代碼成本高昂。
- 國內無核心社區。
官網：http://www.tinymce.com/index.php
在線例子：http://www.tinymce.com/tryit/basic.php
官方文檔：http://www.tinymce.com/wiki.php
下載地址：http://www.tinymce.com/download/download.php
開源地址：https://github.com/tinymce/tinymce
Tinymce與CKEditor是web富編輯器的兩大陣營，分別佔領了一定的富編輯器市場，如果一定要做個對比，較明顯的區別如下：-
兩者都提供了極其豐富的插件，但相比來說，同樣的功能，
CKEditor的選項會多很多，儘量減少直接修改源碼的可能。 -
對於拷貝粘貼，
CKEditor更加友好，它總是能更加精確的替換來源網站的標籤。 -
新特性來說，
CKEditor也總是能領先其對手一步，更重要的是，它的開發者文檔非常完善。 -
大小上，
Tinymce具有明顯優勢，其幾乎是CKEditor的一半，這也是後者爲其它優勢所付出的代價。
-
以
Bootstrap爲皮膚編輯器，壓縮後僅有 5KB 大小，其通過直接開啓瀏覽器編輯功能來實現，最底支持 IE 10。注意！該編輯器 Bug 較多，不建議正式使用，除非您的編輯需求極爲簡單。
