是否可以在文本区域中显示粗体和非粗体文本？ [复制]答案

【问题标题】：Is it possible to display bold and non-bold text in a textarea? [duplicate]是否可以在文本区域中显示粗体和非粗体文本？ [复制]
【发布时间】：2013-07-01 15:11:52
【问题描述】：

我不想要这个：

<textarea>The <b>color</b> is black.</textarea>

我希望文本“颜色”以粗体显示，而不是 <b> 和 </b>。

这可能吗？

【问题讨论】：

据我所知，如果您不使用任何 jQuery / JS 工具或插件，textareas 不接受任何 HTMLy 纯文本。
您需要一个富文本编辑器 - 请参阅 stackoverflow.com/questions/8903525/…
我想这就是你想要的：stackoverflow.com/questions/4705848/…@Marcus Ekwall 回答，看看他的jsfiddle
codemirror 将让您在执行此操作的同时仍然像 textarea 而不是 div...也就是说 .value 不会有演示标记，不确定您是否希望它只是显示或实际上集成到字符串中。
如果你想自己做，我想不出任何其他的解决方案。但正如其他人指出的那样，我认为您可能想要使用 WYSIWYG html 编辑器插件。比如this。

标签： javascript html

【解决方案1】：

您不能单独设置文本区域内容的样式，您必须使用

或类似的东西。这可能与以下内容重复：

Format text in a <textarea>?

你想要这样的东西吗：？

http://jsfiddle.net/mekwall/XNkDx/

$('.editable').each(function(){
    this.contentEditable = true;
});

这允许你编辑一个div的内容，它仍然看起来像一个textarea，

大胆的作品。

【讨论】：

【解决方案2】：

对于这些情况，避免使用纯文本区域，使用所见即所得的 html 编辑器。

这里有一些想法给你：

ckeditor

niceditor

【讨论】：

@tastro，我真的不推荐，因为明天你需要配置斜体/边框/等，那么，最好不要使用这些编辑器。