jquery - Json配列をtinymceに表示する方法

原文 jquery arrays json tinymce

私はこのようなjson配列を持っています、

{
    "kutip":"<p>Lorem Ipsum is simply dummy text.</p>",
    "desc":"<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>"
}

jquery、表示値のスクリプト。

var data={prodId:prodId};
$.ajax({
    type:"GET",
    datatype:"json",
    url:"",
    data:data,
    datatype:"html",
    cache:false,
    success: function(data) {
        data = JSON.parse( data ); 
        $('#prod_kutip').val(data.kutip);
        $('#prod_desc').val(data.desc);
    }
});

しかし、配列をtinymceに表示するにはどうすればよいですか？ TinyMCEが2つあり、アレイを表示および共有する方法があります。

クティプ

<textarea aria-hidden="true" style="display: none;" id="prod_kutip" name="post_kutip" class="form-control"></textarea>

説明

<textarea aria-hidden="true" style="display: none;" id="prod_desc" name="post_description" class="form-control"></textarea>

ありがとうございました

答え

tinymceで配列の内容を簡単に表示できます。

エディターのコンテンツを置き換える場合:

var data = JSON.stringify(data);
var editor = tinymce.get('your_editor_id'); // id equals your textarea id
editor.setContent(data);

配列の内容をエディターに追加する場合:

var data = JSON.stringify(data);
var editor = tinymce.get('your_editor_id'); // id equals your textarea id
editor.execCommand('insertHTML', false, data)

関連記事