文本编辑器
文本编辑器,即wordpress文章编辑页面的编辑器
文章自定义字段
自定义面板的添加请参考配置文件。配置代码范例:
- $ashu_meta[] = array(
- 'name' => '产品参数',
- 'id' => '_id_tinymce',
- 'desc' => 'Pleas add some content',
- 'std' => 'Hello, world.',
- 'media' => 1,
- 'type' => 'tinymce'
- );
详解
name - 自定义字段标题
id - 自定义字段名称,获取数据时用。敬告:请确配置文件中所有id都不相同,同时避免post\page\title等词。
desc - 自定义字段描述信息
std - 数组,默认选中,由于复选框可以选择多个,所以该参数使用数组(数组中的值请设置为buttons中存在的)
media - 布尔值,设置为1时,可以文本编辑器将会出现添加媒体按钮,设置为0则无
type - 值为tinymce时,本条字段类型为文本编辑器
获取与输出范例:
注意,文本编辑器中的内容输出不能简单的输出,应该像文章内容一样,将里面加上段落标签等等。
- $post_id = $post->ID;
- $product_desc = get_post_meta($post->ID,'_id_tinymce',true);
- $product_desc = apply_filters('the_content', $product_desc);
- $product_desc = str_replace(']]>', ']]>', $product_desc);
- echo $product_desc;
分类自定义字段
分类页面自定义字段的添加请参考配置文件。配置代码范例:
- $taxonomy_meta[] = array(
- 'name' => '分类描述',
- 'id' => '_id_tinymce',
- 'desc' => 'Pleas add some content',
- 'std' => 'Hello, world.',
- 'media' => 1,
- 'edit_only' => true,
- 'type' => 'tinymce'
- );
详解:
name - 自定义字段标题
id - 自定义字段名称,获取数据时用。敬告:请确配置文件中所有id都不相同,同时避免post\page\title等词。
desc - 自定义字段描述信息
std - 数组,默认选中,由于复选框可以选择多个,所以该参数使用数组(数组中的值请设置为buttons中存在的)
media - 布尔值,设置为1时,可以文本编辑器将会出现添加媒体按钮,设置为0则无
edit_only - 布尔值,
type - 值为tinymce时,本条字段类型为文本编辑器
获取与输出范例:
- $currentterm = get_queried_object();
- $cat_desc = get_term_meta($currentterm->term_id , '_id_tinymce',true);
- $cat_desc = apply_filters('the_content', $cat_desc);
- $cat_desc = str_replace(']]>', ']]>', $cat_desc);
- echo $cat_desc;
设置页面
设置页面的添加请参考配置文件。配置代码范例:
- $general_pageinfo = array(
- 'full_name' => '基本设置',
- 'optionname'=>'general',
- 'child'=>false,
- 'filename' => 'generalpage'
- );
- $general_option = array();
- $general_option[] = array('desc' => '', 'type' => 'open');
- $general_option[] = array(
- 'name'=>'版权说明',
- 'id'=>'tinymce_copyright',
- 'desc'=>'',
- 'std'=>'',
- 'type'=>'tinymce'
- );
- $general_option[] = array('desc' => '', 'type' => 'close');
- $general_page = new ashu_option_class($general_option, $general_pageinfo);
$general_option详解:
name - 设置选项标题
id - 设置选项名称
std - 默认数据
desc - 设置选项描述信息
type - 值为tinymce时,本条字段类型为编辑器
设置数据的获取与输出范例:
- global $ashu_option;
- if( isset($ashu_option['general']['tinymce_copyright']) ){
- $copyright_content = apply_filters('the_content', $ashu_option['general']['tinymce_copyright']);
- $copyright_content = str_replace(']]>', ']]>', $copyright_content);
- echo $copyright_content;
- }
- $general_option = get_option('ashu_general');
- if( isset($general_option['tinymce_copyright']) ){
- $copyright_content = apply_filters('the_content', $general_option['tinymce_copyright']);
- $copyright_content = str_replace(']]>', ']]>', $copyright_content);
- echo $copyright_content;
- }
所见即所得
引入css
wordpress默认的文章编辑器我们可以通过add_editor_style函数来为编辑器添加一个css样式,以便在编辑过程中也能显示样式。
在三个类文件中,添加编辑器我定义了编辑器所需的css:
- $tinymce_args = array(
- 'content_css' => get_stylesheet_directory_uri() . '/css/editor-'.$values['id'].'.css'
- );
所以只需要在css文件夹中加入一个文件名为 editor-id.css的css文件即可。
举例:上面文章自定义字段id值为“_id_tinymce”,则在css文件夹中添加一个editor-_it_tinymce.css的文件即可。
举例:上面设置页面范例中id值为“tinymce_copyright”,则在css文件夹中添加一个editor-tinymce_copyright.css的文件即可。