Не работает отправка данных из textarea tinymce

294

19 апреля 2017, 13:08

Ребзя,всем доброго времени суток.
На сайте есть textarea,данные из нее записываю в бд,установил редактор tinymce,и из-за него теперь не работает скрипт отправки данных,в чем может быть проблема?
Если ставлю стандартную textarea,то все работает.
Сам код редактора:

 tinymce.init({
        selector: '#text',
        height:250,
        language : "ru",
        theme: 'modern',
        plugins: [
            'advlist autolink lists link image charmap print preview hr anchor pagebreak',
            'searchreplace wordcount visualblocks visualchars code fullscreen',
            'insertdatetime media nonbreaking save table contextmenu directionality',
            'emoticons template paste textcolor colorpicker textpattern imagetools'
        ],
        toolbar1: 'insertfile undo redo | styleselect| bold italic | alignleft aligncenter alignright alignjustify ' +
        '| bullist numlist outdent indent | link image',
        toolbar2: 'print preview media | forecolor backcolor emoticons',
        image_advtab: true
    });

Answer 1

Перед отправкой:

tinyMCE.triggerSave();

Сталкивался с такой проблемой - помогло. Более подробно здесь http://stackoverflow.com/questions/2122085/jquery-and-tinymce-textarea-value-doesnt-submit

Вот исправлено под твою форму:

$('#text').closest('form').on('submit', function(e) {
    e.preventDefault();
    tinyMCE.triggerSave();
    $(this).submit();
});

Просто добавь этот код на страницу, должно заработать.

Answer 2

Данных в вопросе недостаточно для точного ответа. Скорее всего, что-то некорректно подключено или подключено не в том месте. Возможно, надо поменять selector: '#text' на selector: "textarea".

Попробуйте убрать все относящееся к Tiny MCE из своего кода и перед закрывающим тегом </head> поставить следующее:

  <script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
  <script>
          tinymce.init({
              selector: "textarea",
              plugins: [
                  "advlist autolink lists link image charmap print preview anchor",
                  "searchreplace visualblocks code fullscreen",
                  "insertdatetime media table contextmenu paste"
              ],
              toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
          });
  </script>

Обязано работать. Кто не верит - может проверить https://codepen.io/anon/pen/rmOKqM