javascript - 如何将 html 字符串(html 标签)显示为文本区域中的内容?

标签 javascript angular typescript

<分区>

我想在 div 标签中显示 html 标签,所以我使用了,

<p [innerHTML]="data"> // data is a html tags for ex: h1 tag
</p>

它工作正常,但如果我想在文本区域打印, 它不是翻译html代码而是直接打印html代码 喜欢,

<textarea  rows="4" cols="50">
    {{data}}
</textarea>

这是工作 code在 stackblitz 上,

最佳答案

这是不可能的,你要找的是一个内容可编辑的div。看这个fiddle ,但基本上你需要(只需将其翻译成 Angular):

<div contenteditable="true">This is the first line.<br>
    See, how the text fits here, also if<br>there is a <strong>linebreak</strong> at the e nd?
    <br>It works nicely.
    <br>
    <br><span style="color: lightgreen">Great</span>.
</div>

关于javascript - 如何将 html 字符串(html 标签)显示为文本区域中的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56989749/

相关文章:

javascript - 如何使用createEvent和dispatchEvent设置焦点并设置输入文本中的文本?

javascript - 如何在运行另一个 javascript 时在 ajax 中执行 mousedown - Jquery

javascript - jQuery 函数反弹元素 - 不是很顺利

typescript - 如何输入 Redux-Toolkit createListenerMiddleware 监听器条目

javascript - ngbNav bootstrap Angular 选项卡的路由设置

javascript - 在javascript中检查是否为空

javascript - Jssor Slider 在 Angular 中不起作用

javascript - Promises - 从存储中获取参数

html - 让 MatBottomSheet 与顶部工具栏齐平?

java - 我如何确定 Oracle session 已关闭?