我正在使用bootstrap-wysihtml5(基于wysihtml5)令人惊叹的编辑器,它工作正常,每个人都很高兴 . 但是现在我需要在用户输入内容时提供文本建议(例如this或this) . 这些库期望textarea和wysihtml5使用带有 <body contenteditable="true">
的iframe .
我需要的只是在元素内部的一些纯文本中自动完成(或打开带有建议的弹出窗口)的一些单词 .
在深入研究之前,任何人都有一个可以在 contenteditable="true"
元素内工作的库的建议吗?
Edit 1:
我创建了一个基本的库,可以完成我需要的操作,但我认为我在这个上使用了所有可怜的js技能......它适用于带有 contenteditable=true
的div,但是我很难在wysihtml5编辑器上运行它 . 有些javascript / wysihtml5 / rangy忍者能给我一些帮助吗?
这是我的代码:http://jsfiddle.net/5UQfH/
Edit 2:
第一个工作版:http://jsfiddle.net/X9jBM/1/
Edit 3:
稍微好一点(但不漂亮)版本(适用于同一页面上的多个编辑器):http://jsfiddle.net/X9jBM/18/
当建议是多个单词时仍然无法正常工作(当有空格时停止建议)
仍然希望听到一些关于此的反馈 .
1 回答
我最终创建了一个非常简单的基本库来完成我需要的工作 . 除了最新的chrome版本之外,它不是完美的,也没有经过测试,我可能很容易消除jQuery的依赖性,但是因为我已经把它放在我的项目上(旧的借口),现在我将它保留原样 .
ENTER
选择一个单词并通过单词循环TAB
. http://jsfiddle.net/X9jBM/19/代码:
用法:
有一些重构要做,但这是基本的想法 .