Question

我正在使用Javascript，HTML和CSS自己编写一个小代码编辑器项目，我想知道是否有任何方法可以逃避特殊字符形式确定字符串，但不是全部。我知道这不是很清楚，但我会尝试解释：

我正在从一个可信的iframe中读取用户输入，例如，可以是以下字符串：

<p>This is an example string</p>

我想在网页中准确显示这个字符串，但我想先添加一些设计。在这里，我想为<p>标签添加特殊颜色。我目前采用的方法是用<span>包围这些标签，例如：

<span class="tag"><p></span>This is an example string<span class="tag"></p></span>

在Javascript中，<span>将按如下方式存储：

var tagopen = "<span class='tag'>";
var tagclose = "</span>";

所以从字符串中获取标签后，我会看到一个类似于javascript的行：

doc.body.innerHTML = tagopen + encodeURI("<p>") + tagclose + encodeURI("This is an example string") + tagopen + encodeURI("</p>") + tagclose;

我的方法是否正确，如果是这样，我怎么能让我的iframe的主体接受HTML char，因为它现在看起来不像：

编辑：

为了更清楚一点，这是我想要实现的结果：