我正在编写Chrome扩展程序并需要一个简单的文本编辑器组件,以便用户可以在扩展程序中编辑简单笔记。
需要:
- 可点击链接,但没有任何形式的对话框。如果任何“http:// ..”子串可以转换成任何类型的实际可点击链接(即。像链接和onclick处理程序样式的div),它就足够了。
- 撤消/重做功能
- 标签缩进/缩进单行或同时多个选定行
编辑/显示之间- 无缝切换,即。没有保存按钮或回流等(counterexample)
- 不需要除了缩进之外的任何格式化功能,只需纯文本(counterexample)
- html / js适用于 chrome
我看过/尝试过:
- < textarea />:撤消包含和标签缩进易于实现,但无法做到链接
- < div contenteditable =“true”>:撤消损坏,制表符缩进=地狱(选择和范围),但链接工作正常。还设置了 white-space:nowrap; 来显示缩进空格。这是我目前的解决方案,但它非常错误,可能不适合为此开启另一个问题。
- tinymce:我猜错了
- markitup:看起来不错,但因为它是一个textarea,我认为没有可能的链接
- ACE:看起来很有前途,值得一试?不是矫枉过正?
- kix-standalone演示无法使用Chrome(具有讽刺意味)
任何评论或答案非常赞赏..
编辑:我在我的项目中使用了codemirror 1(用于Simplenote Chrome扩展的Syncpad),我非常满意。 CodeMirror为文本编辑(特别是实时解析)提供了许多额外的基础设施,我不想再错过了。当我有时间时,将更新到codemirror 2