首页 > 新闻资讯 > WordPress编辑器全攻略

WordPress编辑器全攻略

30条评论
标签:
更多

如果文字内容在你的WordPress博客里比重比较大,那么你一定经常需要和WordPress的编辑器打交道。这篇文章就介绍一些增强WordPress编辑器用途的小技巧。

为编辑器添加新的HTML标签

默认情况下WordPress编辑器不允许不符合XHTML 1.0标准的HTML标签出现在编辑器里。例如,iframe就会被编辑器过滤掉。如果你需要在文章或者页面里插入iframe,结果会让你很沮丧。

下面的代码强制编辑器接受更多HTML标签。你只需要把它们粘贴到主题的functions.php文件里然后保存就可以了。

function fb_change_mce_options($initArray) {      
$ext = 'pre[id|name|class|style],iframe[align|longdesc| 
name|width|height|frameborder|scrolling|marginheight| 
marginwidth|src]';        
if ( isset( $initArray['extended_valid_elements'] ) ) {          
$initArray['extended_valid_elements'] .= ',' . $ext;      
} else {          
$initArray['extended_valid_elements'] = $ext;      
}        
return $initArray;  
}  
add_filter('tiny_mce_before_init', 'fb_change_mce_options');    

代码来源

将HTML编辑器设为默认编辑器

惯于写代码的站长们更习惯编写HTML,所以他们不太喜欢WordPress的可视化编辑器,而且在所见即所得编辑器里更可能生成无效代码或者混乱的代码。

那么要怎样把HTML编辑器设为WordPress的默认编辑器呢?打开主题的functions.php文件,加入以下代码:

add_filter('wp_default_editor', create_function('', 'return "html";'));    

代码来源

在编辑器里添加默认内容

在functions.php文件里添加以下代码:

function insertFootNote($content) {
        if(!is_feed() && !is_home()) {
                $content.= "<div class='subscribe'>";
                $content.= "<h4>标题</h4>";
                $content.= "<p>显示的正文内容<a href='http://指向的链接'>链接文字</a></p>";
                $content.= "</div>";
        }
        return $content;
}
add_filter ('the_content', 'insertFootNote');
    

事实上这些内容并不会显示在编辑器里,但你每次发布新文章时,文章结尾会出现你事先设定的内容。

代码来源

显示Tiny MCE中的隐藏按钮

默认情况下,WordPress的TinyMCE编辑器中只给出了最常用的编辑按钮,比如加粗、斜体、标题等。如果你需要更多文字格式选项,可以在functions.php文件里加上下面的代码,让隐藏的按钮统统显示出来:

function enable_more_buttons($buttons) {    
$buttons[] = 'hr';    
$buttons[] = 'fontselect';    
$buttons[] = 'sup';      

// etc, etc...      

return $buttons;  
}  
add_filter("mce_buttons", "enable_more_buttons");

可用的编辑按钮包括:加粗、斜体、下划线、删除线、左对齐、居中、右对齐、两端对齐、无序列表、编号列表、减少缩进、缩进、剪切、复制、粘贴、撤销、重做、插入超链接、取消超链接、插入图片、清除、帮助、代码、水平线、删除格式、格式选择、字体选择、字号选择、样式选择、上标、下标、前景色、背景色、特殊符号、视觉辅助、锚文本、新建文本与分隔符。

代码来源

添加本地语言的拼写检查

WordPress默认配置中有一个英文拼写检查工具,那么有没有办法对其它语言进行拼写检查呢?

同样可以在functions.php里加上下面的代码(以中文为例)以实现拼写检查功能:

function fb_mce_external_languages($initArray){      
$initArray['spellchecker_languages'] = '+Chinese=zh, 
English=en';        

return $initArray;  
}  
add_filter('tiny_mce_before_init', 'fb_mce_external_languages');

代码来源

强化编辑器的“所见即所得”效果

给编辑器添加自定义按钮

* 版权声明:作者WordPress啦! 转载请注明出处。

#1
又学了一招,刚接触WP,还有很多需要学习的~
#2
挺详细的攻略啊。。。
#3
安装个编辑器比较简单
#4
不错,越来越专业了。
#5
技术性的东西我就是喜欢。
#6
这篇比较强啊 学习了
#7
不错,WP越来越好了,功能也很适合国人的需求
#8
谢谢博主推荐。
#9
不错 有的还是看不太懂 学习了
#10
支持一下!
#11
太及时了,我正想在文章中插入一个iframe标签
#12
刚使用wp不久,有点看不懂,慢慢学习
#13
如果能把加粗、斜体、下划线、删除线、左对齐等等的相应代码给出,一定会有更大的帮助:)
#14
不错,收藏了
#15
这也行,太好了
#16
呵呵,直接使用离线发布了~更方便,效果更好!
#17
嗯,不错,学习了
#18
:P
#19
不知道博主有用 Dean's FCKEditor 么? 可以介绍下噢
#20
没想到原来编辑器还可以这么玩呀!
#21
新手,还没到这个层次,不过学习了
#22
呵呵,蛮使用的。谢谢分享。
#23
还是没说清楚呢,很想知道就是文章编辑器里的那些按钮都是些什么作用
#24
谢谢博主的大公无私,学习了
#25
新手,还没到这个层次,不过学习了
#26
恩。。。很不错给力、、、学习了
#27
感觉还可以的吧、、、、我不懂wp的
#28
没有什么复杂的呢
#29
我应该好好学习下方法了呢。。。。
#30
刚刚接触wp没有多久,谢谢楼主分享,又能学要一招了