当前位置： 正文

[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程（三）：前端文章编辑器增加可视化/文本切换按钮

wordpress教程 2014-05-31

废话不多说，接上篇[逍遥乐教程]系列教程（二）：个人资料增加公开显示选择昵称/用户名选项重点介绍了如何在前端用户中心个人资料中增加公开显示为昵称和用户名，今天，我将带大家实现另一项必不可少的功能，那就是前端文章编辑器增加按钮。详情请见下图：

[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程（三）：前端文章编辑器增加可视化/文本切换按钮

看这个是不是很赞！这个是后台才有的，前段用户插件其实是有的，因为它调用的是系统的编辑器，这个必不可少！这里就给大家讲解如何开启可视化/文本切换按钮！

要开启可视化/文本切换按钮，您的表单正文选项必须开启极富文本！否则这里即使是开启了，也没什么用！

废话不多说，切入正题！

进入wp-user-frontend-pro插件目录，找到class目录下的render-form.php文件

打开它，找到第725行的

            if ( $attr['rich'] == 'yes' ) {

                printf( '', $attr['required'], $attr['name'] );
                wp_editor( $value, $attr['name'], array('editor_height' => $attr['rows'], 'quicktags' => false, 'media_buttons' => false, 'editor_class' => $req_class) );
                
            } elseif( $attr['rich'] == 'teeny' ) {
                
                printf( '', $attr['required'], $attr['name'] );
                wp_editor( $value, $attr['name'], array('editor_height' => $attr['rows'], 'quicktags' => false, 'media_buttons' => false, 'teeny' => true, 'editor_class' => $req_class) );
            } else {

将其中的

'quicktags' => false,

 

改为

'quicktags' => true,

 

到了这里就算完工了，上传覆盖，清除缓存，看看效果吧！

更多关于系列教程和敬请关注逍遥乐IT博客！

 

插件购买

好了，今天的教程就给大家介绍到这里了！感谢大家对逍遥乐的支持！，如需购买插件，直接到WordPress用户前端化专业版WP User Frontend Pro WordPress逍遥乐中文汉化插件（持续更新）购买！谢谢！

下一篇更精彩：

[逍遥乐教程]WordPress用户前端化专业版WP User Frontend Pro系列教程（四）：用户注册页面注册表单添加验证问题

赏