gpt4 book ai didi

javascript - 如何仅对该字符串的一部分进行编码并呈现 html

转载 作者:行者123 更新时间:2023-11-30 15:22:04 26 4
gpt4 key购买 nike

我有一个字符串 myString="<pre class='ql-syntax'><code><html><body>Will this work?</body></html></code></pre>"需要在网页中呈现 <code> 中的内容 block 已编码,因此它按原样显示。

$('<div/>').html(htmlString).html()删除 htmlbody标记并输出以下内容:

<pre class="ql-syntax"><code>Will this work?</code></pre>

我想要的输出是:

<pre class="ql-syntax"><code>&lt;html&gt;hello&lt;/html&gt;</code></pre>

所以在网页上,代码块内的全部内容都会呈现。

我如何只对 myString 中 <code> 之间的部分进行编码?阻止?

我正在从数据库中获取 myString,因此我无法控制如何构建 myString。我可以操纵它,但我想确保代码块内的 html 按原样呈现。

最佳答案

我建议你只想要

 <code><html><body>Will this work?</body></html></code>

放在一个pre。最好做一个预占位符。不仅仅是找到它并设置 innerHtml。例如这样的事情:

<pre class="ql-syntax" id="code"></pre>

var pre = document.getElementById("code");
var codeLength = '<code>'.length;
var start = htmlString.indexOf('<code>');
var stop = htmlString.indexOf('</code>');
if (start != -1 && stop != -1 && stop > start)
pre.innerHtml = htmlString.substring(start+codeLength, stop-start-codeLength);

关于javascript - 如何仅对该字符串的一部分进行编码并呈现 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43576352/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com