如何解决如何将富文本添加到文本区域
| 有没有一种方法可以设置样式的文本区域的一部分。例如,如果我的文本区域具有此值:Hi,how are you
我想要这个:
你好你好吗
将我想要的单词设置为粗体,而不是将所有值都写在文本区域中。我想用jQuery或插件之类的东西来做。
我的文字区:
<textarea id=\"txtMessageFields\" cols=\"20\" rows=\"2\"></textarea>
解决方法
为此,您可以使用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适配器指南
查看配置选项,以仅启用所需的功能。
, 试试这个,它是你想要的。在此处查看演示
, <textarea>
元素只能包含纯文本:
https://developer.mozilla.org/en/HTML/Element/textarea
据我所知,所有JavaScript所见即所得的编辑器都使用常规的DOM节点(iframe或div),并使用常规的HTML / CSS获得视觉样式。您可以编写一些代码来动态替换您的textarea,但我首先假设它是一个form字段,因为它需要可编辑。如果是这样,建议您选择第三方编辑器。这是一个非常全面的列表:
http://geniisoft.com/showcase.nsf/WebEditors
, 正如bazmegakapa所写,您必须使用WYSIWYG编辑器。根据我的经验,最好的方法是TinyMCE,如果使用jQuery,它会包含一个特殊的程序包(TinyMCE jQuery程序包)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。