我正在使用tinyMCE 5和getUIKIT 3.我把编辑器放在一个英国手风琴中,这可以让我显示/隐藏div。我第一次展示div时一切顺利,编辑器完全正常运行。我隐藏了div,再次显示 - 有时编辑器有时没有。从那时起,当我隐藏/展示时它永远不存在。这是一个有问题的代码:https://codepen.io/prtome/pen/gJLdKo?editors = 1111
和我的代码(非常简单):HTML
<ul uk-accordion> <li id="toto"> <a class="uk-text-primary uk-accordion-title" href="#">Item toto</a> <div class="uk-accordion-content"> <textarea id="basic-example"></textarea> </div> </li> </ul>
AND JS代码:
UIkit.util.on('#toto', 'shown', function (event) {
tinymce.EditorManager.execCommand('mceAddEditor',false, 'basic-example');
$('#basic-example').html("<p style=\"text-align: center;\"> blabla bla bla bla bla I can edit this </p>");
tinymce.init({
selector: 'textarea#basic-example',
height: 200,
menubar: true,
plugins: [
'advlist autolink lists link image charmap print preview anchor ',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
content_css: [
'//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
'//www.tiny.cloud/css/codepen.min.css'
]
});
});
UIkit.util.on('#toto', 'hidden', function (event) {
tinymce.execCommand('mceRemoveEditor', false, "basic-example");
})
我在控制台中没有错误。我找不到我做错了什么 - 但显然有些东西不能正常工作。如果有人能指出问题所在,那将会非常有帮助。谢谢
噜噜哒
相关分类