如何显示Json数组到tinymce

时间:2016-01-19 04:58:06

标签: 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?我有2个TinyMCE以及如何显示和共享数组。

Kutip

<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>

三江源

2 个答案:

答案 0 :(得分:0)

您不需要data = JSON.parse( data );,因为$.ajax已经为您做了。如果要将JSON对象显示为String,则可以执行以下操作:

var dataString = JSON.stringify(data);
$('#someElement').val(dataString);

答案 1 :(得分:0)

您可以轻松地在数字中显示数组内容。

如果您想要替换编辑器内容:

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)