如何在textarea中选择代码片段

Question

当你使用点击堆栈溢出按钮在富文本编辑器中添加代码片段时，它会添加一些这样的文本＆＃39;在此处输入代码＆＃39;。它还使用插入符选择（或突出显示）此插入的文本，以便用户只需键入即可轻松替换文本。 我想为我的富文本编辑器实现相同的功能。

我创建了一个javascript函数，它在pre和code标签中输入了一个虚拟文本。现在我想使用类似于这个javascript函数的功能：http://www.w3schools.com/jsref/met_textarea_select.asp

问题是这个函数选择整个textarea而我只想在pre和code标签中选择我的虚拟文本。

我按以下方式插入虚拟文本：

var preElement = new CKEDITOR.dom.element("pre");
var codeElement = new CKEDITOR.dom.element("code");
preElement.append(codeElement);
codeElement.setText('insert your code here');
editor.insertElement(preElement);

哦，我正在使用CKEditor和我编写的插件来执行此功能。

Answer 1

这是一个Stack Overflow问题，我相信它完全符合您的要求：

JQuery/JavaScript - highlight a part of text from input or textarea

简短：

  

你必须在你的textarea后面放一个div，然后根据它的文字设置它。