构建一个简单的WYSIWYG编辑器

Question

我知道创建一个所见即所得/富文本编辑器是一件很荒谬的事情,因为实现跨浏览器支持需要许多不同的,烦人的事情.但是,我目前正在开发的项目需要一个非常简单的WYSIWYG编辑器(三个选项,链接,粗体和斜体).

我的问题是,我是否会花费尽可能多的时间来定制和削减TinyMCE以满足我的要求,或者是创建我自己的一个相当简单的任务,因为只有三个选项(没有像文本调整大小或撤消/重做)？

此外,仍然是iFrame和designMode的普遍共识还是我们可以使用contentEditable在HTML5列车上走得很远？

Answer 1

你要问自己一个问题，你觉得幸运吗^H^H^H^H^H^H^H^H 你想维护所说的所见即所得编辑器吗？

两年前，我认为这是个好主意。我在 stackoverflow 上使用了这里使用的编辑器。扔掉所有 UI 代码并从头开始重写整个内容，只保存 Markdown 解析部分。让我告诉你，Markdown 比 HTML/WYSIWYG 简单得多。最终的 javascript（仅 UI）有 1600 多行代码，花了大约 2 周的时间来编写第一遍完整功能。

我将其实现到我当时正在开发的 Web 应用程序中，并很快学到了一些东西：我现在花费 50% 的时间维护编辑器，另外 50% 的时间为实际的特定领域部分提供代码我正在开发的网络应用程序。这基本上意味着我花了一半的时间没有交付任何真正有助于网络应用程序盈利的东西。

那么你呢——这个所见即所得编辑器是你的应用程序的核心、关键部分吗？以至于你现在愿意花一半的时间来支持它——或者——你的网络应用程序正在做的其他部分远远超出您 UI 的这一块的重要性，以至于您可以将其“外包”给 TinyMCE？

此外，除了 TinyMCE 之外，还有更多选项可供您作为起点。