Как интегрировать TinyMCE с WPForms

Question

Я пытаюсь интегрировать TinyMCE с WPForms в плагин отправки сообщений блога WPForms.

Я вставил поле HTML с кодом

   <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
   <script>
       tinymce.init({
       selector: '#wpforms-421-field_7'
    });

Такого рода работы TinyMCE интегрированы, но в ужасной компоновке. Также изображения, загруженные с использованием этого, на самом деле не отражаются на реальной странице.

Как правильно интегрировать TinyMCE с WPForms, чтобы изображения могли быть вставленным в текстовую область и сохраненным в отправленных сообщениях?

Answer 1

Похоже, что автор хочет, чтобы TinyMCE вместо текстовой области создавался для отправки блога с помощью WPForm.

Изображение: Источник: https://wpforms.com/how-to-allow-users-to-submit-blog-posts-on-your-wordpress-site/

Проблема в том, что WPForm не поставляется вместе с TinyMCE, особенно для содержимого публикации. Вы, вероятно, получите ошибку SCRIPT или UI. Вы можете использовать другие плагины, кроме WPForm. В противном случае напишите некоторый пользовательский код, особенно для дополнения после отправки, найденного в WPForm.

Answer 2

Необходимо установить Wpforms как «Без стиля» и установить флажок «Загружать ресурсы глобально»

Answer 3

Вы задаете несколько разных вопросов, заключенных в вашем запросе ... позвольте мне попытаться ответить на каждый из них:

1 - TinyMCE выглядит странно на отображаемой странице Меню , панели инструментов и строка состояния TinyMCE являются частью главной веб-страницы, которая загружает TinyMCE. Таким образом, если вы загружаете CSS на страницу, которая воздействует на эти элементы, вы можете получить странные визуальные результаты, подобные этому.

Я бы использовал инструменты разработчика вашего браузера, чтобы выяснить, что CSS влияет на вещи.

2 - Как загрузить изображения с помощью TinyMCE?

Вы не предоставили нам никаких сведений о том, как вы пытались разрешить пользователям загружать изображения через TinyMCE. Существует опция вставки изображения, которую вы можете выставить через плагин изображения, но она требует некоторого внутреннего кода для получения изображения и его обработки.

https://www.tiny.cloud/docs/plugins/image/#image_uploadtab https://www.tiny.cloud/docs/plugins/image/#file_picker_callback

Еще один вопрос по этому вопросу - Wordpress уже имеет медиа-библиотеку и пользовательский интерфейс для взаимодействия с ним во время использование TinyMCE для создания контента - почему вы пытаетесь сделать что-то за пределами собственной медиабиблиотеки WP?