我想创建一个具有有限所见即所得格式的在线降价编辑器。如果您熟悉iA Writer,我正在尝试创建一个类似于他们的桌面版本的编辑器。在大多数情况下,它只是一个简单的文本编辑器,但它做了一些我试图复制的时髦的事情。
- *斜体*,**粗体**,***粗体斜体***自动下划线/粗体
- 缩进 ">" 块引号
- 突出“#”标题和“-”列表,使文本左对齐,就像在旧的三孔打孔纸上一样,您可以将文本与红线对齐并将列表编号放在它的左侧。
我对如何实现这一点有一些想法,但我对他们每个人都有一些担忧。
可编辑的 iFrame
- 如何突出文本或对其应用 css 类
- 格式化会自动发生,所以我将如何更改文本的选择,重新格式化,然后返回到原始选择位置
- 我听说您可以将另一个页面加载到可编辑的 iFrame 中以执行更高级的功能,但我对此不太熟悉 - 有什么好的资源吗?
纯 JavaScript
- 如何在区域中创建闪烁光标,因为我认为我无法在输入或文本区域中执行此操作...
- 可能使每一行成为当我单击它时转换为输入框的 div(类似于标签框在您提出问题时在标签框上的工作方式(尽管不适用于内联格式)
对我如何做这样的事情有什么建议吗?