在 document.ready 上将内容设置为 TinyMCE

Question

如何在 document.ready() 上将文本设置为 TinyMCE？我尝试了以下方式，但它对我不起作用：

$(document).ready(function () {
     tinymce.init({
        selector: 'textarea',
        init_instance_callback: function (editor) {
            alert('test');
            editor.activeEditor.setContent('custom');
        }
    });
});

我做了以下方法，当我的数据库中有如下内容时，它工作正常 <p>New topic started, lets have some posts</p>

 $('#TopicDescription').html('@(TempData["TopicDescription"] != null ? @Html.Raw(TempData["TopicDescription"].ToString()).ToString() : "")');

但是当我的内容为 <p>Long reply</p><p>Long reply</p> 时，这是我在控制台中遇到的错误

Answer 1

尝试（Tinymce 4）：

$(document).ready(function () {
     tinymce.init({
        selector: 'textarea',
        setup : function(ed)
        {
            ed.on('init', function(evt)
            {
                alert('test');
                ed.setContent('<p>custom</p>');
            });
        }
    });
});

尝试（Tinymce 3）：

$(document).ready(function () {
     tinymce.init({
        selector: 'textarea',
        setup : function(ed)
        {
            ed.oninit.add(function(evt)
            {
                alert('test');
                ed.setContent('<p>custom</p>');
            });
        }
    });
});

Answer 2

您可以使用以下代码：

tinymce.init({
            selector: 'textarea',
            plugins: "code image"
        });