<分区>
我想在 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 标签中显示 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 - 从存储中获取参数