具有实时格式的Markdown编辑器

Question

我想创建一个在线降价编辑器，它具有有限的所见即所得格式。如果您熟悉iA Writer，我正在尝试创建类似于桌面版的编辑器。在大多数情况下，它只是一个简单的文本编辑器，但它做了一些我想要复制的时髦的东西。

• 在 *斜体 *， **粗体** ， ***粗体斜体***
• 缩进“＆gt;”引用文字
• Outdents“＃”标题和“ - ”列表使文本左对齐，就像在旧的三孔打孔线纸上一样，您可以将文本与红线对齐并将列表编号放在其左侧。

我对如何实现这一点有一些想法，但我对每个人都有一些顾虑。

可编辑的iFrame

• 我如何突出文本或应用css课程
• 格式化会自动发生，因此如何更改文本选择，重新格式化然后返回原始选择位置
• 我听说您可以将另一个页面加载到可编辑的iFrame中以执行更多高级功能，但我对此不太熟悉 - 有什么好的资源吗？

纯javavascript

• 如何在区域中创建闪烁的光标，因为我认为我无法在输入或文本区域中执行此操作...
• 当我点击它时，可能会使每一行成为转换为输入框的div（类似于当你提出问题时标签框在标签框上的工作方式（虽然不适用于内联格式化）

有关我如何做这样的事情的任何建议吗？

Answer 1

一个好的开始是查看已经提供Markdown Editor和强API的Code Mirror（http://codemirror.net/）。

您应该可以在其上添加功能和实时渲染。