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

how to add text inbetween pre tags

本文关键字：之间 添加 文本 pre      更新时间：2023-09-26

我在开关中有这段代码：

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

结果是，当它被执行时，在文本区域中出现：

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

现在人们可以在pre标签之间粘贴代码如何在pre标签之间添加文本"此处代码"并且是蓝色的（已选择）？

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

要插入"在此处代码"文本，只需从文本区域中获取值并插入即可。以下代码中的替换仅假定文本区域中的某些HTML元素，即不仅仅是例如"pre"标签：

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/

相关文章：