你认为最好的在线所见即所得编辑器是什么?

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

这个问题是由 Edwin 提交的。

为了澄清,我认为 Edwin 正在询问这些您可以用在网站上的 JavaScript 脚本,这些脚本可以将普通的 <textarea> 转换为更强大的编辑环境。 您可以在 CSS-Tricks 上看到一个。

我喜欢这样的编辑器,尤其是在 WordPress 评论表单中。 WordPress 允许评论者在他们的评论中使用 HTML 标签,例如 <strong>、<em> 和 <a href=””> 标签。 这很好,但并非所有评论者都愿意使用这样的标签。 相反,用户可能只需选择文本并按下按钮,就像他们在 Microsoft Word 中习惯的那样。

我在 CSS-Tricks 的评论区域使用的是 wmd 编辑器,它并不完全是所见即所得 (WYSIWYG) 编辑器,但正如他们所说,它是一个所见即所得 (WYSISYM) 编辑器。 区别在于 wmd 在实际的文本区域中使用“markdown”语言。 Markdown 是简单的约定,例如将星号 (*) 放在一个词的周围以强调它。 在幕后,这些星号被转换为实际的 <em> 标签。 对于粗体文本、链接、代码示例和引用,也有类似的约定。 这就是我在 CSS-Tricks 上需要的全部!

因此,我选择 wmd-editor 的原因是

  • 非常易于安装。 一行代码链接到自托管脚本,仅此而已。
  • 非常易于自定义。 删除我不需要的那些按钮。
  • 提供实时评论预览,因此人们可以在发布前查看他们的评论将是什么样子。

wmd-editor 并不是最流行的编辑器。 如果您需要更多功能,那里有更强大的系统,您可能想研究一下。 查看 tinyMCEFCKeditor