如何将TinyMCE与WPForms集成

Question

我正在尝试将TinyMCE与WPForms集成到WPForms Blog Post Submission插件中。

我在代码中插入了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

您正在问您的请求中包含的几个不同的问题……让我尝试解决每个问题：

1-TinyMCE在呈现的页面中看起来很奇怪TinyMCE的菜单，工具栏和状态栏是加载TinyMCE的主页的一部分。这样，如果您将CSS加载到影响这些元素的页面上，就可以得到奇怪的视觉效果。

我将使用您的浏览器的开发工具来了解CSS影响了什么。

2-如何使用TinyMCE上传图像？

关于您如何尝试允许用户通过TinyMCE上传图像，您根本没有提供任何详细信息。您可以通过图像插件公开一个插入图像选项，但是它需要一些后端编码才能接收和处理图像。

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

关于此的另一个问题-WordPress在使用TinyMCE创建内容时已经具有一个媒体库和一个与之交互的UI-为什么要尝试在WP自己的媒体库之外做某事？

Answer 2

您可以使用WPForm以外的其他插件。尝试使用Elementor（https://elementor.com/）

问题是WPForm不会随TinyMCE一起提供。您可能会收到SCRIPT错误或UI问题。