Question

我在PHP / MySQL Web应用程序中使用TinyMCE 5。有时文本区域显示完美，但有时仅显示如下。刷新页面通常可以解决该问题，并使文本区域看起来正常。

缺乏名声不允许我发布图片，但可以在此处链接>> https://i.ibb.co/8xgF0fS/screenshot.jpg

以及何时正常运行>> https://i.ibb.co/nfBdZnF/Capture.jpg

表面上似乎没有韵律或原因。

我没有使用Turbolinks，所以已经排除了这个原因。尝试将脚本移动到页面上的不同位置，并从文本区域中删除所有CSS。

TinyMCE js从页面顶部直接链接到cloud.tinymce.com

现在剩下：

<script type="text/javascript">
tinymce.init({
    selector: "#mytextarea",
    browser_spellcheck: true,
    contextmenu: false,
    plugins: [
        "autosave","autoresize",
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table paste"
    ],
    autosave_interval: "10s",
    autoresize_bottom_margin: 25,
    max_height: 500,
    toolbar: "restoredraft | forecolor backcolor | insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});
</script>

<textarea name="body" id="mytextarea" required=""></textarea>

Answer 1

如果控制台中没有错误，则可能发生这种情况的唯一原因是，如果tinymce初始化脚本位于textarea的声明之前。仅在DOM完全准备就绪时，才应调用所有此类脚本。确保在关闭</body>标签之前将脚本一直移动到页面底部。

TinyMCE 5-有时文本区域可完美工作，但有时工具栏和文本条目不会出现

1 个答案: