首页 > 解决方案 > TinyMCE 设置内容问题

问题描述

我正在尝试设置 TinyMCE 编辑器的内容,但运气不佳。我已经尝试过预先设置 HTML 和初始化编辑器,并在初始化编辑器后设置内容但无济于事 - 我能够在这个小提琴中重现那个(我无法重现设置内容,因为它使用数据库中的变量 HTML 来设置它)。

我想要做的几乎就是用我自己的代码:

            Editor.innerHTML += '<label>Description</label><br><div id="AC-Description">' + data.Data.Description + '</div><br><br>'; // Editor is just a div & data is a json object return from an ajax call
            tinymce.init({
                selector: '#AC-Description'
            });
            tinymce.activeEditor.setContent(data.Data.Description); // does not work, same as in example fiddle.
            tinymce.get('AC-Description').setContent(data.Data.Description); // does not work either, same as in example fiddle

在初始化编辑器之前,data.Data.Description 会在 DIV 中显示文本,然后 TinyMCE 在初始化时会忽略它。

我只是迷路了,特别是因为它也不适用于 JSFiddle。之前还有其他人对此有疑问和/或我只是错过了什么吗?

标签: javascripttinymce-4

解决方案


尝试在编辑器初始化后通过监听init事件来设置内容,例如:

tinymce.init({
                selector: '#Editor'
            });

tinymce.get('Editor').on('init', function(e){
                e.target.setContent('test'); 
            });

推荐阅读