HTML + JS：设置textarea内容样式的最佳方式

Question

在HTML textarea元素中设置内容样式的最佳方法是什么。我的目标是在textarea红色（例如）中包含部分文字，因此我会执行<span style="color: red">My text part</span>但这样textarea会显示包括我的HTML代码<span> ... </span>在内的所有内容作为它的价值。

我尝试的下一件事是将div与我的textarea重叠，其中我想要的代码宽度<span> ... </span>代码正确显示红色样式文本且没有HTML代码。用户将修改textarea的值，该值将在我的div中处理和显示。但这种方法在我看来太脏了。你的建议是什么？

Answer 1

无法在textarea中设置样式文本，您可以检查this。你可以使用像TinyMCE这样的插件，它会在textarea的位置显示一个文本编辑器，在那里你可以把你想要的样式放到文本中。