具有实时格式的Markdown编辑器

我想创建一个具有有限wysiwyg格式的在线markdown编辑器。如果你熟悉iAWriter，我会尝试创建一个类似于他们桌面版本的编辑器。在大多数情况下，它只是一个简单的文本编辑器，但它做了一些我试图复制的时髦的事情。

• 在*italics*、**bold**、***bold italics**中自动下划线/粗体字
• 缩进">"块引号
• 去掉"#"标题和"-"列表，使文本左对齐，就像在旧的三孔划线纸上一样，你可以将文本与红线对齐，并将列表编号放在其左侧

我对如何实现这一点有一些想法，但每一个都遇到了一些问题。

可编辑iFrame

• 如何超越文本或将css类应用于文本
• 格式化是自动进行的，那么我该如何更改文本的选择，重新格式化它，然后返回到原始选择位置
• 我听说你可以将另一个页面加载到你的可编辑iFrame中，以实现更高级的功能，但我对此并不太熟悉——有什么好的资源吗

纯javavascript

• 我如何在一个区域中创建一个闪烁的光标，因为我认为我无法在输入或文本区域中这样做
• 当我点击它时，可能会使每一行都成为一个div，转换为一个输入框（类似于当你提问时标签框在标签框上的工作方式（尽管不适用于内联格式）

有什么建议可以让我做这样的事情吗？