2

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

  • *斜体*,**粗体*****粗体斜体***自动下划线/粗体
  • 缩进 ">" 块引号
  • 突出“#”标题和“-”列表,使文本左对齐,就像在旧的三孔打孔纸上一样,您可以将文本与红线对齐并将列表编号放在它的左侧。

我对如何实现这一点有一些想法,但我对他们每个人都有一些担忧。

可编辑的 iFrame

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

纯 JavaScript

  • 如何在区域中创建闪烁光标,因为我认为我无法在输入或文本区域中执行此操作...
  • 可能使每一行成为当我单击它时转换为输入框的 div(类似于标签框在您提出问题时在标签框上的工作方式(尽管不适用于内联格式)

对我如何做这样的事情有什么建议吗?

4

1 回答 1

2

一个好的开始是查看已经提供 Markdown 编辑器和强大 API 的 Code Mirror (http://codemirror.net/)。

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

于 2012-07-23T10:22:32.183 回答