使用wp_editor函数实现可视化编辑器

时间:2021-03-27 06:12:12

在最近的wp项目中遇到了需要使用可视化编辑器来接收用户的输入,正好就研究了一下wp_editor这个函数的用法,利用这个函数能很方便的把textarea文本域变成可视化编辑器。

Wp_editor函数用法

<?php wp_editor( $content, $editor_id, $settings = array() ); ?>

Wp_editor函数参数介绍

$content:编辑器的默认显示信息

$editor_id:HTML标签的id属性(注意只能保护小写)

$settings:设置,参数为数组形式,可设置的参数有:

wpautop:是否开启wpautop,默认为true,

media_buttons:是否显示插入/上传多媒体的按钮,默认为true,

textarea_name:编辑器的name属性,默认为$editor_id(可以保护[]),

textarea_rows:编辑器的显示行数,默认为get_option(‘default_post_edit_rows’, 10)(改段代码是获得后台的设置项),

tabindex:键盘tab键的切换顺序,

editor_css:编辑器的样式,适用于visual 和html,必须包含<style>,

editor_class:编辑器的class属性,

teeny:是否开启精简模式,默认为false,

dfw:是否将默认全屏编辑器替换为dfw(需要特殊的dom元素和css),默认为false,

tinymce:加载tinymce,可用数组向tinymce传输参数,默认为true,

quicktags:加载Quicktags,即HTML模式下的那些按钮,可以用数组形式直接向Quicktags传递参数。

Wp_editor使用示例

使用wp_editor函数实现可视化编辑器

使用wp_editor函数实现可视化编辑器效果图:

使用wp_editor函数实现可视化编辑器