如何在svelte

Question

我尝试通过将html存储在变量中来呈现html，但是它不起作用，我还尝试了三重花括号

<script>
    let name = 'world';
    let val = ""
    let ans2 = ""
    let ans3;
    import showdown from 'showdown';
    import validity from 'validity-checker';
    function dataSubmit(e){
        e.preventDefault();
    //ans = validity.isEmoji("ggg");
    ans2 = new showdown.Converter();
    ans3 = ans2.makeHtml(val)
    }
</script>

<div>
    <textarea bind:value={val} on:change={dataSubmit}></textarea>
    <div>
    {{{ans3}}}  
    </div>

</div>

ans3变量的返回类型类似于“

你好

”

Answer 1

您可以使用{@html expression}

  

Svelte不会在注入HTML之前清理表达式。如果数据来自不受信任的来源，则必须对其进行清理，否则   使您的用户暴露于XSS漏洞。