web-dev-qa-db-ja.com

TinyMCEテキストエリア内にテキストを書き込もうとしています

TinyMCEtextarea内にテキストを記述しようとしています。以下のコードがあります。 TinyMCEテキスト領域は表示されますが、アラートは表示されません。どうして？

<html>
    <head></head>
    <body>
        <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js'></script> 
        <script type="text/javascript" src="/home/javiergarcia/Scaricati/jari/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript"> 
            tinyMCE.init({
                mode : "textareas",
            });

            $(document).ready(function() {
                $('form').submit(function() {
                    //alert("fasdfs");
                    alert(tinyMCE.get('#jander').getContent());
                });
            });
        </script>
        <form method="post" action="somepage">
            <textarea name="content" id="jander" style="width:100%"></textarea> 
            <input type="submit">
        </form>
    </body>
</html>

よろしく

ハビエル

javascriptjqueryhtmltinymcewysiwyg
23
ziiweb

単にtinymce.get('jander').getContent();（小文字のtinymce！）を使用しないのはなぜですか？

55
Thariama

元のtextareaコントロールの値を要求するだけです。

tinyMCE.triggerSave(false, true);
$('#jander').val();
11
Brian Scott

TinyMCE jQueryプラグインをインクルードしたら、エディターを変数に割り当て、その上で任意のjQuery関数を操作できます。

_var wysiwyg = $('textarea.tinymce').tinymce(tinymce_settings);
_

次に、コンテンツを取得するには、単にwysiwyg.html();をフェッチします。

また、その他の操作手法については、 TinyMCE jQueryのドキュメント を参照してください。

2
Dunhamzzz

誰かが私に言ったように、シャープ文字（＃）はjQueryセレクターで使用され、tinyMCE.get（）とは何の関係もありません。したがって、以下のこの行で問題なく動作します。

alert(tinyMCE.get('jander').getContent());
1
ziiweb

これを試してください...

$。trim（tinymce.get（ 'jander'）。getContent（））;

0
Anugrah