如何在pre标签之间添加文本

时间:2014-11-16 14:42:25

标签: javascript

我在交换机中有这段代码:

case 'php':
           $(TextArea).insertRoundTag('pre', htmlOpts, {lang:'php', line:'1'});
           break;

结果是,当它被执行时,在textarea中出现:

<pre lang="php" line="1"></pre>

现在,人们可以在标记之间粘贴代码 我如何在这里添加文本&#34;代码&#34; 标签之间是蓝色(已选中)?

<pre lang="php" line="1">code here</pre>

1 个答案:

答案 0 :(得分:0)

要插入“此处代码”文本,只需从textarea中获取值并插入即可。以下代码中的替换仅假设textarea中的一些HTML元素,即不仅仅是例如“预”标签:

var codeText = "code here";
var oldVal = $(TextArea).val();
$(TextArea).val(oldVal.replace("></", ">" + codeText  + "</"));

选择“此处代码”文字:

$(TextArea).focus();
var position = $(TextArea).val().indexOf(codeText);
document.getElementById(TextArea).setSelectionRange(position , position + codeText.length);

希望这有帮助!

小提琴:http://jsfiddle.net/ttbjenn2/1/