如何将富文本添加到文本区域

Question

有没有办法用样式设置textarea的部分文本。例如，如果我有一个具有此值的文本区域：

Hi, how are you

我想要这个：

嗨，你好吗

以粗体设置我想要的单词，而不是在文本区域中写入的所有值。我想用 jQuery 做它，也许是一个插件或其他东西。

我的文本区域：

<textarea id="txtMessageFields" cols="20" rows="2"></textarea>

Answer 1

为此，您可以使用 WYSIWYG HTML 编辑器，例如CKEditor或TinyMCE。

例如，使用 CKEditor 的 jQuery 界面，这很简单：

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/ckeditor/adapters/jquery.js"></script>
<script type="text/javascript">
     $(document.ready(function () {
         $('#txtMessageFields').ckeditor();
     });
</script>

来自CKEditor jQuery 适配器指南

查看配置选项以仅启用您需要的功能。