Задать вопрос
@entermix
javascript

Как работает tinyMCE 4?

Есть редактор tinyMCE 4:

$(function () {
    tinyMCE.init({
            selector:'#inputShortStory',
            plugins: 'image link',
    });
});


который цепляется к textarea, которая находится в форме, форма отправляется при помощи AJAXForm, так вот, при первой отправке происходит такой POST запрос:

subject=тест&short_story=&full_story=&create=%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%B8%D1%82%D1%8C


тоесть поле short_story пустое, но если эту-же форму отправить еще раз, то все ок:

subject=тест&short_story=%3Cp%тест%3C%2Fp%3E&full_story=%3Cp%тест%3C%2Fp%3E&create=%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%B8%D1%82%D1%8C


Почему так происходит? Как работает tinyMCE 4? Возможно после его инициализации нужно обновить DOM?
  • Вопрос задан
  • 613 просмотров
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
abaddon65
@abaddon65
Дело в том, что когда вы вызываете tinyMCE на textarea, то вы не пишите в самом этом поле, он делает кучу оберток над ним и в итоге получается, что вы видите перед собой iframe. Так вот когда в редакторе вы что-либо пишите, то он не сохраняет автоматом новое значение в textarea, для этого у него есть специальный триггер triggerSave(). После его вызова у вас всегда будет актуальный контент в поле. Вот вызов редактора, который я использовал:
tinymce.init({
        selector: "textarea",
        statusbar: false,
        setup: function (editor) {
            editor.on('change', function () {
                tinymce.triggerSave();
            });
        }
    });

Теперь если вы возьмете значение из textarea, то оно будет актуальным:
var text = $('textarea).val();
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы