Question

所以在我的应用程序中，我正在尝试实现一个允许用户将html写入textarea的组件。此html将用于电子邮件模板，因此应在下面呈现电子邮件的外观预览。我对如何实现这一点有一些想法，比如简单地获取字符串并将其渲染为innerHTML，或者我也可以将html传递给srcdoc的{{1}}属性。这两种解决方案对我来说都很粗糙，所以我假设有一种更好/更清洁的方式来实现我根本不知道的这种要求。任何人都可以指导我如何正确地做到这一点吗？

如果有任何帮助，我正在与Angular合作。

Answer 1

您可以添加文本区域更改事件onchange并将输入html应用于div as html，请参阅下面的示例。

HTML

<textarea id='txtArea'> </textarea>
  <div id='preview'></div>

的Javascript

 $(document).ready(function(){
      $('#txtArea').change(function(){
        $('#preview').html(this.value);        
      });
    })

这里是jsbin demo https://jsbin.com/bojalo/edit?html,console,output

从textarea获取字符串并将其呈现为html（电子邮件模板预览）的正确方法是什么？

1 个答案: