强大的在线编辑器 Tower 开源Simditor

Simditor是一款由Tower团队开发的所见即所得在线编辑器,支持便捷的附件添加及Markdown等功能。该编辑器旨在提升用户体验,适用于创建讨论、发表回复等多种场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

这里给出网址,点击Download下载即可点击打开链接 使用方法见Docs,给出了下列代码,按照你安装的路径修改安装路径即可

使用方法

在你的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')
});
此外还可以在textarea下面,再加一些别的选项

Some optional options:

  • placeholder (default: '') Placeholder of simditor. Use the placeholder attribute value of the textarea by default.
  • toolbar (default: true) - Show the toolbar buttons
  • toolbarFloat (default: true) - Fixed the toolbar on the top of the browser when scrolling.
  • toolbarHidden (default: false) - Hide the toolbar.
  • defaultImage (default: 'images/image.png') - Default image placeholder. Used when inserting pictures in Simditor.
  • tabIndent (default: true) - Use 'tab' key to make indent.
  • params (default: {}) - Insert a hidden input in textarea to store params (key-value pairs).
  • upload (default: false) - Accept false or key - value pairs. Extra options for uploading images. e.g. 'url', 'params'
  • pasteImage (default: false) - Support uploading by pasting images from clipboard. Only supported by Firefox and Chrome.
 

依赖

由来

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

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

FCKEditor 是一款开源的非常优秀的WEB在线编辑器,它的JS类库几乎匹敌于当前流行的JQuery,目前最新版本为2.65 .本文基于.Net的应用针对FCKEditor的源代码进行分析,同时改造了部分过于复杂的功能,将其简单化。供大家学习讨论之用 一、对"插入/编辑超链接"功能进行了彻底简化,不可否认源代码中考虑了超链接的几乎所有应用情景,非常之完善和全面,甚至提供了服务器目录的浏览和文件上传功能, 但这也恰恰暴露了更多的安全隐患,参考了各大网站的应用,简化为仅一个显示文本和一个链接地址 这部分功能的源代码主要分布在两个文件中: UI部分 /editor/dialog/fck_link.html 功能函数 /editor/dialog/fck_link/fck_link.js 因为原始版本包含了过于复杂的功能,所以在分析和修改js代码时也费了不少功夫,删除了多余的功能函数,支持了文本的显示,缩减大约90%的代码。具体细节可查看DEMO. 二、对"插入/编辑FLASH"去除了服务器浏览和文件上传功能;去除了“高级”里的多余选项,将功能整合在一个标签下。 这部分功能源代码分布在三个文件中: UI界面 /editor/dialog/fck_flash.html 功能函数 /editor/dialog/fck_flash/fck_flash.js Flash预览 /editor/dialog/fck_flash/fck_flash_preview.html 三、对"插入/编辑表格"功能,去除了"标题"、"摘要"、"标题单元格"三项,通过生成的HTML代码可以发现,FCKEditor是一款非常严谨的软件, 它严格遵循了W3C。但大部开发人员都不熟悉的HTML标签对于用户来说使用就更较少了,固去除了这三项 四、对"插入/编辑图片"进行了很大的改动,弥补了很多不足,看源码理解吧
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mind_programmonkey

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值