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

正文

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

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

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

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

image

参考

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

posted on 2021-06-09 16:49  右究  阅读(55)  评论(0编辑  收藏  举报

导航