且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Tower开源Simditor —— 所见即所得的在线编辑器

更新时间:2022-09-10 09:28:47

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')

});

依赖

由来

从 2012 年第一版 Tower上线以来,Tower 团队就在寻找一款最为合适的编辑器以供 Tower 的用户使用。最早使用 wysihtml5作为 Tower 的编辑器,在前期 wysihtml5 很好的满足了 Tower 的核心需求——非常方便的添加附件,无论是直接粘贴剪切板里的内容还是拖动上传,wysihtml5 都很容易实现。不过随着 Tower 功能的增加,当 Tower 引入 @ 成员、Markdown 功能、代码识别、自动短链等一系列功能以后,第三方开源编辑器的局限性也逐渐暴露出来,这些局限性让 Tower 在很多用户体验和工程复杂性的岔路口上选择向工程复杂性妥协。Tower 认为,作为一款在线生产力工具,让用户能极其舒畅地生产内容是它的核心品质之一,因此决定自己开发一款编辑器,这就是 Simditor 产生的原因。

经过不断地改进,Tower 在最近使用 simditor 替换了 默认编辑器,包括创建讨论、发表回复以及创建在线文档的编辑器,现在都使用 Simditor 了。Tower 认为,相比其他的开源编辑器,Simditor 不是一个业余爱好的产物,而是每天被几万人使用的真实产品。Tower 会非常谨慎地评估究竟什么功能是实际用户最为需要的,而不会因为交互很酷炫,就把功能增加进编辑器里,导致代码膨胀,造成麻烦的后果。