TinyMCE 5 - иногда textarea работает отлично, но иногда панель инструментов и ввод текста не отображаются - PullRequest
1 голос
/ 04 апреля 2019

Я использую TinyMCE 5 в веб-приложении PHP / MySQL.Иногда текстовая область отображается идеально, но иногда это выглядит следующим образом.Обновление страницы обычно решает ее и заставляет текстовое поле выглядеть нормально.

Отсутствие репутации не позволяет мне публиковать изображения, но ссылка здесь >> 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>

1 Ответ

0 голосов
/ 08 апреля 2019

Если в консоли нет ошибок, единственная причина, по которой это может происходить, это то, что ваш сценарий инициализации tinymce предшествует объявлению textarea. Все такие скрипты должны вызываться только тогда, когда DOM полностью готов. Убедитесь, что вы переместили скрипт до конца страницы, перед тем как закрыть тег </body>.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...