WordPress文章文本编辑器添加扩展代码

今天Yun·云上初生博主给大家介绍下怎么给WordPress文章/文本编辑器添加扩展代码WordPress的文本编辑器可以直接编辑文章的代码,以便我们在编辑文章的时候减少错误代码的发生,这样也就大大地提高文章编辑效率,而我们在可视化的界面编辑时则经常达不到我们想要编辑的预期结果,以下是我给大家介绍的Wordpress文章文本编辑器添加扩展代码比较适合用来在文本代码编辑完后进行预览,添加上功能代码后两者相辅相成,堪称完美!

默认的文本编辑器只有寥寥几个命令,甚至分级标题命令都没有,手动输入这些会非常的繁琐做着重复的工作。

现在来添加一些常用的按钮命令:一级标题、二级标题、三级标题、代码、带行号代码,在WordPress主题的functions.php的

/**
 * 文章编辑信息框颜色 开始
 */
function toz($atts, $content=null){
    return '<div id="sc_notice">'.$content.'</div>';
}
add_shortcode('v_notice','toz');
function toa($atts, $content=null){
    return '<div id="sc_error">'.$content.'</div>';
}
add_shortcode('v_error','toa');
function toc($atts, $content=null){
    return '<div id="sc_warn">'.$content.'</div>';
}
add_shortcode('v_warn','toc');
function tob($atts, $content=null){
    return '<div id="sc_tips">'.$content.'</div>';
}
add_shortcode('v_tips','tob');
function tod($atts, $content=null){
    return '<div id="sc_blue">'.$content.'</div>';
}
add_shortcode('v_blue','tod');
function toe($atts, $content=null){
    return '<div id="sc_black">'.$content.'</div>';
}
add_shortcode('v_black','toe');
function tof($atts, $content=null){
    return '<div id="sc_xuk">'.$content.'</div>';
}
add_shortcode('v_xuk','tof');
function tog($atts, $content=null){
    return '<div id="sc_lvb">'.$content.'</div>';
}
add_shortcode('v_lvb','tog');
function toh($atts, $content=null){
    return '<div id="sc_redb">'.$content.'</div>';
}
add_shortcode('v_redb','toh');
function toi($atts, $content=null){
    return '<div id="sc_orange">'.$content.'</div>';
}
add_shortcode('v_orange','toi');


/**
 * 部分内容登陆可见2
 */
function vip_to_read($atts, $content=null) {
    extract(shortcode_atts(array("notice" => '
    <p style="text-align:center;text-align-last: center;"><span style="color: red;">温馨提示:</span>此处内容需要<a title="登录后可见" href="/wp-login.php"><font color="red">*《登-录》*</font></a>后才能查看!
    </p>'), $atts));
    if ( is_user_logged_in() && !is_null( $content ) && !is_feed() )
                    return $content;
            return $notice;
    }
    add_shortcode('vip', 'login_to_read');

/**
 * 这里文章编辑器扩展
 */
 /* 文本编辑器自定义按钮 */
function appthemes_add_quicktags() {
?> 
<script type="text/javascript"> 
QTags.addButton( '一级标题', '一级标题', '<h1>', '</h1>' );
QTags.addButton( '二级标题', '二级标题', '<h2>', '</h2>' );
QTags.addButton( '三级标题', '三级标题', '<h3>', '</h3>' );
QTags.addButton( '代码', '代码', '<pre>', '</pre>' );
QTags.addButton( '带行号代码', '带行号代码', '<pre class="prettyprint linenums">', '</pre>' );
QTags.addButton( 'a', 'a', "<a href='' target='_blank'>", "</a>" );
QTags.addButton( 'span', 'span', "<span>", "</span>" );
QTags.addButton( '重点', '重点', "<span class='beCareful'>", "</span>" );
QTags.addButton( '加密内容', '加密内容', "[secret key='yunscs.com']", "[/secret]" );
QTags.addButton( '视频', '视频', "[avi]", "[/avi]" );
QTags.addButton( '登录可见', '登录可见', "
    

温馨提示:此处内容需要《*登录*》后才能查看!

" ); QTags.addButton( '登录可见VIP', '登录可见VIP', "    

温馨提示:此处内容需要*《登-录》*后才能查看!

" ); QTags.addButton( '前言', '前言', "<p class='con_info'>", "</p>" ); QTags.addButton( '在线预览', '在线预览', "<a href='' target='_blank' id='domo'>", "在线预览</a>" ); QTags.addButton( 'HTML代码', 'HTML代码', "[cc lang='html']\n", "\n[/cc]" ); QTags.addButton( 'CSS代码', 'CSS代码', "[cc lang='css']\n", "\n[/cc]" ); QTags.addButton( 'JavaScript代码', 'JavaScript代码', "[cc lang='javascript']\n", "\n[/cc]" ); QTags.addButton( 'PHP代码', 'PHP代码', "[cc lang='php']\n", "\n[/cc]" ); QTags.addButton( 'v_notice', '绿框', '<blockquote id="sc_notice">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_error', '红框', '<blockquote id="sc_error">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_warn', '黄框', '<blockquote id="sc_warn">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_tips', '灰框', '<blockquote id="sc_tips">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_blue', '蓝框', '<blockquote id="sc_blue">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_black', '黑框', '<blockquote id="sc_black">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_xuk', '虚线', '<blockquote id="sc_xuk">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_lvb', '绿边', '<blockquote id="sc_lvb">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_redb', '红边', '<blockquote id="sc_redb">输入文字</blockquote>\n', "" ); QTags.addButton( 'v_organge', '橙边', '<blockquote id="sc_organge">输入文字</blockquote>\n', "" ); </script> <?php } add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' ); /** * 输入密码查看 */ function e_secret($atts, $content = null) { extract(shortcode_atts(array( 'key' => null ) , $atts)); if (isset($_POST['e_secret_key']) && $_POST['e_secret_key'] == $key) { return '<div class="e-secret">' . $content . '</div>'; } else { return '<form class="e-secret" action="' . get_permalink() . '" method="post" name="e-secret"><label>请输入密码:</label><input type="password" name="e_secret_key" class="euc-y-i" maxlength="50"><input type="submit" class="euc-y-s" value="确定"><div class="euc-clear"></div></form>'; } }

 

版权声明:
作者:Yun·云上初生
链接:https://www.yunscs.com/wordpress-wenbendaima.html
来源:Yun·云上初生
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
< <上一篇
下一篇>>