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