构建一个简单的WYSIWYG编辑器

Question

据我所知，考虑到实现跨浏览器支持所需的许多不同的烦人事情，创建WYSIWYG / Rich Text Editor是一件很荒谬的事情。但是，我目前正在开发的项目需要一个非常简单的WYSIWYG编辑器（三个选项，链接，粗体和斜体）。

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

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

Answer 1

你必须问自己一个问题，你觉得幸运吗？H ^ H ^ H ^ H ^ H ^ H ^ H ^ H你想维持所见即所得编辑器吗？

两年前，我认为这是一个好主意。我在stackoverflow上使用了这里使用的编辑器。丢弃所有UI代码并从头开始重写整个事情，只保存markdown解析片。让我告诉你，降价比HTML / WYSIWYG简单得多。最终的javascript，仅限UI，是1600多行代码，花了大约2周时间编写完整功能的第一遍。

我将它实施到我当时正在处理的网络应用程序中并且快速学到了一些东西：我现在花费50％的时间来维护编辑器，而另外50％的时间用于为实际域提供代码 - 我正在研究的网络应用程序的特定部分。这基本上意味着我花了一半的时间而不是提供真正有助于网络应用程序底线的任何东西。

那你怎么样 - 这个WYSIWYG编辑器是你应用程序的核心关键部分，以至于你愿意花一半的时间来支持它 - 或者 - 你的网络的其他部分应用程序远远超过了你的这一块UI的重要性，以至于你可以把它“移植”给TinyMCE吗？​​

此外，除了TinyMCE之外，还有更多的选择可以作为起点。