web-dev-qa-db-ja.com

jQueryを使用してTinyMCEエディター内に値を設定する

こんにちは、tinyMCEエディター内で事前定義されたコンテンツを設定する必要があります。以下は私のhtmlとjqueryです。

<script type="text/javascript">
    tinyMCE.init( {
        mode : "exact" ,
        elements : "country"
    });
</script>
<script type="text/javascript">
    $(function() {
        $("#lang").change(function() {
            var s = $(this).val(); alert(s);
            $("#country").val(s);
        })
    })
</script>


<select id="lang">
        <option value="">Please Select country</option>
        <option value="us">US</option>
        <option value="es">SPAIN</option>
        <option value="jp">JAPAN</option>
    </select><br /><br />
    <textarea id="country" cols="10" rows="5"></textarea>

このスクリプトは通常のテキストエリアでは機能しますが、tinyMCEでは機能しません。これで私が間違っていることはありますか?.

ありがとう

22
Mike

私はあなたができると思います:

$(function() {
    $("#lang").change(function() {
        var s = $(this).val(); 
        alert(s);
        tinyMCE.activeEditor.setContent(s);
    });
});
38
karim79

私にとってはそれだけのコードが機能します:

tinyMCE.get('my_textarea_id').setContent(my_value_to_set);

たぶんこれはtinyMCEの新しいバージョンからのコードです! (小さなMCE API 3)

13
Juanito

単にこれは私のために働く

$( "#description")。val(content);

3
AtanuCSE