在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"
        });