如何在可编辑的div中输出经过修饰的原始html代码

3ks5zfa0 于 2021-09-23 发布在 Java

关注(0)|答案(2)|浏览(275)

我一直试图在一个可编辑的div中输出原始html，但是 <div> 被注解掉。
这就是我试图输出的内容（包括``）：

\`<div class="flexContainer">HELLO WORLD</div>\`

这是我得到的（请注意 HELLO WORLD 未 Package 在div中）：

`HELLO WORLD`;

电话

let htmlCode = `\`<div class="flexContainer">HELLO WORLD</div>\`;`;
document.getElementById(myEditableDIVInputArea_Id).innerHTML = js_beautify(<pre><code>${htmlCode}</code></pre>);

如何获得原始html输出？
提前谢谢大家。

JavaScript Html pretty-print

来源：https://stackoverflow.com/questions/68326458/how-to-output-prettified-raw-html-code-inside-an-editable-div

2条答案

按热度按时间

uqxowvwt1#

您可以将它们作为文本而不是html插入

let htmlCode = `\`<div class="flexContainer">HELLO WORLD</div>;\``
document.getElementById('x').innerText = htmlCode;

<div id=x contenteditable="true"></div>

赞(0）回复(0）举报 2021-09-23

cuxqih212#

function escapeHtml(unsafe) {
    return unsafe
         .replace(/&/g, "&amp;")
         .replace(/</g, "&lt;")
         .replace(/>/g, "&gt;")
         .replace(/"/g, "&quot;")
         .replace(/'/g, "&#039;");
}

let htmlCode = escapeHtml('<div class="flexContainer">HELLO WORLD</div>')
document.getElementById(myEditableDIVInputArea_Id).innerHTML = js_beautify(<pre><code>${htmlCode}</code></pre>);

赞(0）回复(0）举报 2021-09-23

我来回答

如何在可编辑的div中输出经过修饰的原始html代码

2条答案

相关问题

热门标签

最新问答