如何在单个页面中添加多个 wp_editor

Posted

技术标签:

【中文标题】如何在单个页面中添加多个 wp_editor【英文标题】:How to add multiple wp_editor in single page 【发布时间】:2016-07-13 13:46:05 【问题描述】:

我尝试在单个页面中添加多个 wp_editor() 并显示,但是当我尝试添加媒体时,媒体按钮不起作用,我将选项 (drag_drop_upload 为 true) 添加到 wp_editor 选项以进行拖放并且成功了。

但是当我拖放图像时,所有图像都插入到第一个 wp_editor 实例中。即使我尝试在第二个或第三个 wp_editor 中拖放,但它再次显示在第一个编辑器中。

是否有任何解决方案可以通过上传或拖放到特定的 wp_editor 实例来插入媒体?

谢谢

【问题讨论】:

您是在尝试编写自己的插件,还是只为您的客户以自定义布局/格式发布帖子/页面?如果是第二个,我会建议 ACF (advancedcustomfields.com) 而不是为此/围绕它编写一些东西。如果没有,您应该显示一些代码。 您需要为每个编辑器添加唯一的 id。 @Sascha :我正在尝试与插件集成,虽然我已经尝试使用 ACF 的简码,但它仍然不起作用。 @lolka_bolka: 是的,我为 wp_editor 添加了两个不同的 id,例如 wp_editor('editor1','editor1',array('drag_drop_upload'=>true); 和 wp_editor('editor2', 'editor2',array('drag_drop_upload'=>true) 【参考方案1】:

添加多个 wp_editor 实例的简单方法是为新创建的元素“重新初始化”插件!

tinymce.init( selector: '#' + editor_id);

创建新元素后,只需为该元素初始化 tinymce

希望这对某人有所帮助。

【讨论】:

以上是关于如何在单个页面中添加多个 wp_editor的主要内容,如果未能解决你的问题,请参考以下文章

单个页面上有多个 Facebook 评论框?

如何在dataTable的单个单元格中添加多个json值

如何在 Nuxt Vue 的单个模板中添加多个组件?

如何在 kivymd 的单个屏幕中添加多个布局

如何在 asp.net core .NET6(Razor 页面)中的单个 cshtml 中显示来自多个表/模型的数据

未记录时使用 wp_editor() 停止工作