Нужна помощь TinyMCE JQuery

Question

Я пытаюсь настроить форматирование текстовой области на моем сайте с помощью TinyMCE ... Я немного новичок в интеграции такого рода вещей и могу использовать некоторую помощь.

Я использую их плагин jQuery 3.4.x, найденный здесь .

Кажется, я не могу повлиять на мои текстовые области! Они по-прежнему выглядят как обычные текстовые области до интеграции этого кода. Я следую этому учебнику .

Вот скрипт, который я использую, который находится в моем заголовке (script_url правильный):

<script src="tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('textarea.tinymce').tinymce({
       theme : "simple"
    });
  });
</script>

И моя текстовая область:

<textarea name="text" class="tinymce"></textarea>

Заранее спасибо.

Answer 1

Поскольку вы используете jQuery, убедитесь, что вы реализуете функцию jQuery $(document).ready():

<script type="text/javascript">
     $(document).ready(function() {
        $('textarea.tinymce').tinymce({
           script_url : 'tiny_mce/tiny_mce.js',
           theme : "simple"
        });
      });
</script>

Редактировать # 1

Попробуйте загрузить TinyMCE напрямую, чтобы убедиться, что нет проблем с загрузкой файла:

<script src="tiny_mce/tiny_mce.js"></script>

Убедитесь, что это загружено ДО $(document).ready(), но после загрузки jQuery. Затем пропустите параметр script_url для $.tinymce().

Редактировать # 2

Существует также вероятность того, что на странице произошла ошибка с jQuery или другим скриптом. В случае Safari или Chrome щелкните правой кнопкой мыши и выберите Inspect Element, чтобы проверить консоль JS на наличие ошибок.

Редактировать # 3

Дважды проверьте, что вы не опечатали URL скрипта tiny_mce и правильно ли он загружается (очистите кеш!) В браузере. Кроме того, , если вы одновременно используете другую платформу Javascript , убедитесь, что вы запускаете jQuery.noConflict(), чтобы увидеть, является ли это проблемой.

Редактировать # 4! Я думаю, что нашел проблему!

Тот, кто ведет блог, очевидно, имел ту же проблему, что и вы. Его решением было полностью загрузить и инициализировать tiny_mce.js до загрузки jQuery. Вот ссылка на пост , чтобы вы могли видеть, как он это сделал.