如何显示 Json 数组到 tinymce

Question

我有 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 以及如何显示和共享数组。

库提普

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

谢谢

Answer 1

您不需要 data = JSON.parse( data );，因为 $.ajax 已经为您做好了。如果要将 JSON 对象显示为字符串，可以这样做：

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

Answer 2

您可以在您的 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)

如何显示 Json 数组到 tinymce

How display Json array to tinymce

arrays

jquery

json

tinymce