也想出现在这里?联系我们

WordPress 如何在前端添加一个wp_editor编辑器带图片上传却不弹出媒体库

2023.12.07 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

要在WordPress前端添加一个带有图片上传功能但不弹出媒体库的wp_editor编辑器,您可以使用以下步骤:

  1. 首先,确保您已经在前端的模板文件或页面中加载了WordPress所需的脚本和样式。您可以使用以下代码将其添加到您的主题的functions.php文件中:
function load_wp_editor() {
    wp_enqueue_editor();
}
add_action('wp_enqueue_scripts', 'load_wp_editor');

这会确保编辑器的基本样式和脚本在前端可用。

  1. 接下来,您可以在您的页面或模板文件中添加wp_editor编辑器。以下是一个示例代码片段:
<?php
$content = ''; // 在编辑器中显示的默认内容
$editor_id = 'custom_editor'; // 自定义编辑器ID

$settings = array(
    'media_buttons' => false, // 不显示媒体按钮
    'textarea_name' => 'custom_editor_content', // 设置编辑器内容将被保存到的表单字段名
    'textarea_rows' => 10, // 设置编辑器文本区域的行数
);

wp_editor($content, $editor_id, $settings);
?>

在上述代码中,我们通过将media_buttons设置为false来禁用了媒体按钮,确保不会弹出媒体库。

  1. 最后,在提交表单时,您可以使用$_POST来获取编辑器的内容,并将其保存到数据库或进行其他处理。在上述代码中,编辑器的内容将作为custom_editor_content字段保存在表单中。

请根据您的具体需求调整以上代码,并确保在前端模板文件中正确加载wp_editor编辑器以及将其内容保存到数据库或进行其他操作。

有用0
  • 2023.12.07初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress加速

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧