CodeMirror将项目插入HTML编辑器JQUERY

时间:2013-07-15 22:13:39

标签: jquery html5 editor codemirror

我正在使用CodeMirror(请参阅此处 - >)codemirror。具体来说,我正在使用“带预览的HTML编辑器”模块。

我一直在用小提琴测试它:-------> http://jsfiddle.net/Vu33n/6/

我让编辑器工作,但是我试图让它成为当用户从下拉菜单中选择一个HTML标签时 - 该代码将插入到编辑器位置的位置。

我可以将代码插入到编辑器中 - 但它会在插入之前删除编辑器中的所有内容。我不能让它在光标所在的地方插入代码并将其他所有东西都留下来。

我正在使用的CodeMirror语法是:

editor.setValue($(this).val()); 

如果您感到好奇,CodeMirror用户手册为here。那就是我找到'setValue'的地方

2 个答案:

答案 0 :(得分:3)

我道歉。我终于找到了答案 - > replaceSelection

所以代码需要阅读:

editor.replaceSelection($(this).val());

对不起该帖子 - 但也许这将有助于其他人将来。

答案 1 :(得分:0)

您建议的更改:

editor.replaceSelection($(this).val());

在JSFiddle中运行良好:http://jsfiddle.net/Vu33n/181/ 来吧,接受你自己的答案。