简单的html textarea / contenteditable文本编辑器组件支持链接,撤消,谷歌浏览器的tab-in / outdent

时间:2011-04-25 22:51:35

标签: javascript google-chrome textarea contenteditable

我正在编写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

1 个答案:

答案 0 :(得分:4)

CodeMirror怎么样?我不认为它会做链接,但它设计得很好,你可以扩展它。