我在显示一些db-content的模态窗口中使用tinymce。 这仅在第一次显示窗口时才有效,直到我隐藏窗口。
第二次显示窗口时没有出现。所以我有一些重装或破坏的尝试,直到我提出这个:
tinymce.EditorManager.editors = [];
tinymce.init({
selector: '#input-inhalt',
height :300,
skin: "custom",......
现在它有效......编辑器按预期显示但内容不可见。我可以使用工具按钮检查html代码或检查console-log中的对象。文本在那里,但编辑器仍然是空白。我甚至检查了白色...... 有什么提示我可以检查或解决方法吗?
这是我尝试做的完整代码示例:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src='/tinymce/js/tinymce/tinymce.js'></script>
<script>
var z = 0;
function close1() {
$('#content').hide();
}
function setup() {
z += 1;
mytext = 'my individual text to be loaded:' + z;
$('#mytext').val(mytext);
tinymce.EditorManager.editors = [];
$('#content').show();
alert(z);
tinymce.init({
selector: '#mytext',
height :300,
skin: "custom",
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste imagetools textcolor colorpicker "
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | forecolor backcolor emoticons | fontselect | fontsizeselect",
language : "de",
entity_encoding : "raw", //umlaute nicht in ü... wandeln (textarea)
relative_urls: false,
themes: "modern",
});
}
</script>
<div id="frame">
<div id="content">
<p> </p>
<input type="textarea" id = "mytext"/>
</div>
<input type="button" value="open" onclick="javascript:setup();">
<input type="button" value="close" onclick="javascript:close1();">
</div>
注意:第一个节目是正确的,但在第二个节目中,z的值不会增加。