2

こんにちは、確認タブのウィザードで、tinymce エディターからコンテンツを取得しようとしています。しかし、うまくいきません。通常のテキストエリアでは問題なく動作します。

通常のテキストエリアの例: 

<div class="control-group">
<label class="control-label">MyValue<span class="required">*</span></label>
<div class="controls">
<textarea class="span12 m-wrap" style="max-width:100%;" name="MyValue" rows="7"></textarea>
</div></div>

確認ページに textarea からのテキストを表示するコード:

<div class="control-group">
<label class="control-label">MyValue</label>
<div class="controls">
<span class="text display-value" data-display="MyValue"></span>
</div>
</div>

私の JavaScript コード:

        var displayConfirm = function() {
            $('.display-value', form).each(function(){
                var input = $('[name="'+$(this).attr("data-display")+'"]', form);
                if (input.is(":text") || input.is("textarea")) {
                    $(this).html(input.val());
                } else if (input.is("select")) {
                    $(this).html(input.find('option:selected').text());
                } else if (input.is(":radio") && input.is(":checked")) {
                    $(this).html(input.attr("data-title"));
                } else if ($(this).attr("data-display") == 'htmlinhalt') {
                    $(this).html($('[name="htmlinhalt"]', form).val());
                } 
            });
        }

しかし、tinymce テキストエリアでは機能しないのはなぜですか? textarea からではなく tinymce からコンテンツを直接取得する必要があると思いますが、どうすればよいですか?

4

3 に答える 3

3

試す

tinymce.get('your_textarea_id').getContent();
于 2013-07-29T10:23:26.497 に答える
0

生のコンテンツ (html タグ付き) またはテキストのみ (html ストライプ) を取得できます。関数 getContent() で返されるデフォルトの形式は raw です。

<textarea id="MyValue" name="MyValue"></textarea>
<div>
    <a href="javascript:alert(tinymce.EditorManager.get('MyValue').getContent({format : 'raw'}));">[getRawContents]</a>
    <a href="javascript:alert(tinymce.EditorManager.get('MyValue').getContent({format : 'text'}));">[getTextContents]</a>
    <a href="javascript:alert(tinymce.EditorManager.get('MyValue').getContent());">[getContents]</a>
</div>

あなたがあなたの質問で使用しているので、私は MyValue を使用します。必要に応じて your_textarea_id を変更してください。

API 3の tinyMCE 3.x の詳細情報API 4 の tinyMCE 4.x の詳細情報

于 2013-08-02T16:15:03.637 に答える