HTML + JS:设置文本区域内容样式的最佳方式

HTML + JS: Best way to style up textarea's content

本文关键字:样式 最佳 方式 区域 JS 置文本 HTML      更新时间:2023-09-26

HTML textarea 元素中设置内容样式的最佳方法是什么?我的目标是将textarea中的部分文本显示为红色(例如),所以我会这样做<span style="color: red">My text part</span>但这样textarea将显示所有内容,包括我的 HTML 代码<span> ... </span>作为其值。

接下来我尝试的是用我的textarea覆盖div,其中将是我想要的代码宽度<span> ... </span>代码正确显示红色样式的文本,没有 HTML 代码。用户将编辑textarea的值,该值将被处理并显示在我的div中。但在我看来,这种方法太肮脏了。你有什么建议?

无法

在文本区域内设置文本样式,您可以检查这一点。您可以使用像TinyMCE这样的插件,它将在文本区域的位置显示一个文本编辑器,在那里您可以将所需的样式放入文本中。