Tower開源Simditor —— 所見即所得的在線編輯器

Simditor是Tower開源的所見即所得的在線富文本編輯器。Simditor的理念是保持簡單，避免過分的功能，每個特性都追求極致的用戶體驗。同時，Simditor也很容易擴展。

使用方法

在你的html頁面中引用以下文件：

<link media="all" rel="stylesheet" type="text/css" href="styles/font-awesome.css" />
<link media="all" rel="stylesheet" type="text/css" href="styles/simditor.css" />

<script type="text/javascript" src="scripts/jquery-2.0.3.js"></script>
<script type="text/javascript" src="scripts/module.js"></script>
<script type="text/javascript" src="scripts/uploader.js"></script>
<script type="text/javascript" src="scripts/simditor.js"></script>

在script中初始化編輯器：

var editor = new Simditor({
  textarea: $('#textarea-id')
});

依賴

• jQuery 2.0+
• Mycolorway Simple Module用於組件開發。
• FontAwesome 用於工具欄按鈕。
• Mycolorway Simple Uploader 提供本地圖片上傳功能（可選）。

由來

從 2012 年初版 Tower上線以來，Tower 團隊就在尋找一款最爲合適的編輯器以供 Tower 的用戶使用。最先使用 wysihtml5做爲 Tower 的編輯器，在前期 wysihtml5 很好的知足了 Tower 的核心需求——很是方便的添加附件，不管是直接粘貼剪切板裏的內容仍是拖動上傳，wysihtml5 都很容易實現。不過隨着 Tower 功能的增長，當 Tower 引入 @ 成員、Markdown 功能、代碼識別、自動短鏈等一系列功能之後，第三方開源編輯器的侷限性也逐漸暴露出來，這些侷限性讓 Tower 在不少用戶體驗和工程複雜性的岔路口上選擇向工程複雜性妥協。Tower 認爲，做爲一款在線生產力工具，讓用戶能極其舒暢地生產內容是它的核心品質之一，所以決定本身開發一款編輯器，這就是 Simditor 產生的緣由。

通過不斷地改進，Tower 在最近使用 simditor 替換了 默認編輯器，包括建立討論、發表回覆以及建立在線文檔的編輯器，如今都使用 Simditor 了。Tower 認爲，相比其餘的開源編輯器，Simditor 不是一個業餘愛好的產物，而是天天被幾萬人使用的真實產品。Tower 會很是謹慎地評估究竟什麼功能是實際用戶最爲須要的，而不會由於交互很酷炫，就把功能增長進編輯器裏，致使代碼膨脹，形成麻煩的後果。

相關連接

• 項目主頁
• DEMO

---

編撰 SegmentFault