编写简单的自定义编辑器需要多快？

Question

简单来说，我的意思是，有按钮：

1. 粗体，
2. italic，
3. 编号清单
4. 项目符号列表
5. 缩进左
6. 缩进右侧
7. 拼写检查（显然由现成的js组件支持）

按照自定义我的意思是：拥有自定义图标 - 所以真的只是自定义设计

没有框架，从头开始，轻量级，与主流浏览器兼容

这是webapp的主要组件之一，所以它必须是超轻量级的，这就是我不想要框架的原因

Answer 1

除非您定位一个浏览器，否则编辑器是跨浏览器工作的非常复杂的组件。除非你想学习，否则没有理由自己动手。

使用允许自定义的众多可用内容之一： tinymce， fckeditor， wysihat， others

Answer 2

别。

去获取其他东西（Jason提到的任何一个，或者例如SO本身使用的东西，WMD）。交换图像。结束。

说真的，你不想编写自己的编辑器，除非你有充分的理由功能，而不仅仅是它的样子。

Answer 3

编写跨平台工作的编辑器可能很困难，但是，您应该创建自己的框架，因为它是一个大型项目。

如果您只想要自定义图标，这将取决于制作它们需要多长时间，但是，获得一些基本功能并不难，如果您知道自己在做什么，可能不到40小时的工作

在Unix编写自己的shell曾经是一个通过仪式，在JavaScript中它可能正在编写自己的编辑器。 ：）

如果我有

，它会变得棘手

<b>some text</b><i>more text</i>

我决定从这个文本中删除标签，然后如何修复它会变得棘手。

如果你只想使用css，那么当你从span标签中分组文本并修复css类时，它会变得更加困难，同时用户继续进行更改。

我正在处理这个问题，因为我想要一个在XHTML2.0中运行的编辑器，这不是一个微不足道的问题，比在桌面应用程序中更难。

我建议首先让它在Firefox 3和Safari上工作，然后，一旦它工作，返回并添加代码以使其在IE8上工作，如果你想要IE7，因为MS正在推动IE8现在是一个重要的更新。

Answer 4

阅读emacs教程的第一章，您将看到没有像“简单”编辑器那样的东西。但谷歌将为您提供许多易于定制的编辑器。