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

有没有办法使用样式来设置textarea的部分文本。例如，如果我有这个价值的文本区域：如何将富文本添加到文本区域

Hi, how are you

我想这一点：

喜是如何你

设置我想用粗体字表示文字，而不是文字区域中所有的值。我想用jQuery来做也许是一个插件或其他东西。

我的文字面积：

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

来源

2011-05-30 Jorge

您可以使用一个所见即所得的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 Adapter Guide

看看配置选项，以只启用您需要的功能。

来源

2011-05-30 14:52:23 kapa

对于所有这些编辑的幻想，他们归结为采取块元素并将其“contentEditable”属性设置为true，从而实现对块内容的实时更改。 – 2011-05-30 14:53:17

@Marc这只是一种选择，如果你不想重新发明轮子。看起来有点矫枉过正只使用** Bold **，但是我不清楚OP是否只需要这个功能。 – kapa 2011-05-30 14:58:43

Ez anévte ... :) – galambalazs 2011-05-30 15:06:12

尝试THIS它是你想要的。观看演示here

来源

2011-05-30 14:55:08

怪胎，如果我不想显示面板在文本的js部分与该插件的粗体设置我可以做到这一点？ – Jorge 2011-05-30 14:57:22

你是说你想隐藏顶部的按钮？ – 2011-05-30 15:01:46

怪胎yeap我只需要修改代码中的文本没有f用户 – Jorge 2011-05-30 15:19:47

一个<textarea>元素只能容纳普通文本：

https://developer.mozilla.org/en/HTML/Element/textarea

据我所知，所有的JavaScript WYSIWYG编辑器使用常规的DOM节点（iframe或div）并使用普通的HTML/CSS来获得视觉样式。你可以编写一些代码来动态替换你的textarea，但我首先假设它是一个表单字段，因为它需要可编辑。如果是这样，我建议你选择第三方编辑。这是一个相当全面的清单：

http://geniisoft.com/showcase.nsf/WebEditors

来源

2011-05-30 14:59:54

由于写道bazmegakapa，你必须使用一个所见即所得的编辑器。根据我的经验，最好的是TinyMCE，如果你使用jQuery（TinyMCE jQuery package），那么它包含一个特殊的包。

来源

2011-05-30 15:00:13 raz0r999

可能是评论。 – kapa 2011-05-30 15:22:35

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

回答

相关问题