Svelte 怎样将插入的字符串转换为 html 标签

正文

需要两个属性配合使用才行，他们是：contenteditable 和 innerHTML，如下

<script>
  let htmlStr = `
  <strong>Hello, World!</strong>
`;
</script>

<!-- 纯文本 -->
<div>{htmlStr}</div>

<!-- html 标签 -->
<div contenteditable="false" bind:innerHTML={htmlStr} />

 

参考

https://www.sveltejs.cn/tutorial/contenteditable-bindings