如何將富文本添加到文本區域

有沒有辦法使用樣式來設置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

如何將富文本添加到文本區域

回答

相關問題