如何在Svelte中将字符串中的HTML渲染为页面真实HTML？

要把字符串中存储的HTML渲染为真实页面元素，Svelte提供了专门的{@html}指令，替换你原来的普通插值语法即可实现需求。

修改后的完整代码： #

<script>
    let value = "<h1>Hello World!</h1>";
</script>

<div class="main">
    {@html value}
</div>

重要提醒： #

{@html}不会对内容做HTML转义处理，仅适用于渲染可信的HTML内容。如果是用户输入的未知内容，必须先做XSS过滤处理，避免安全风险。

内容的提问来源于stack exchange，提问作者Hector