用代码来修改WordPress代码来增强编辑器

最后编辑时间: 2017-04-12

201406111435314

wordpress默认的编辑器虽然可以满足大部分需求,但是效率并不高,功能也比较薄弱。我们可以安装一些插件来增强编辑器,但是插件越多速度肯定会有一定影响,所以并不是很推荐,那么分享一下怎样用代码来修改WordPress代码来增强编辑器。

方法一:修改WordPress代码来增强可视编辑器,路劲:/wp-includes/functions.php文件,然后将以下代码添加:

修改WordPress代码来增强可视编辑器,路劲:/wp-content/themes/主题文件夹/functions.php文件,然后将以下代码添加:

以上2个路径 都可以,有些主题风格不同,出来的 代码增强可视编辑的效果也不同。

效果图:

keshihua2

20140611142547

 

//增强可视化编辑器开始
function add_editor_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cut';
$buttons[] = 'undo';
$buttons[] = 'image';
$buttons[] = 'anchor';
$buttons[] = 'backcolor';
$buttons[] = 'wp_page';
$buttons[] = 'charmap';
return $buttons;
}
 
add_filter("mce_buttons_3", "add_editor_buttons");
//增强可视化编辑器结束

方法二:,添加方法和上面相同,找到主题目录下的functions.php文件并添加如下代码:

方法二:修改WordPress代码来增强文本编辑器,路劲:/wp-includes/functions.php文件,然后将以下代码添加:

修改WordPress代码来增强文本编辑器,路劲:/wp-content/themes/主题文件夹/functions.php文件,然后将以下代码添加:

以上2个路径 都可以。

效果图:20140611143534

//增强文本编辑器开始
add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce');
function bolo_after_wp_tiny_mce($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'hr', 'H2', "n<h2>", "</h2>n" );
QTags.addButton( 'h1', 'JS代码', "n<pre class=”prettyprint linenums js”>", "</pre>n" );
QTags.addButton( 'h2', 'php代码', "n<pre class=”prettyprint linenums php”>", "</pre>n" );
QTags.addButton( 'h3', 'ruby代码', "n<pre class=”prettyprint linenums ruby”>", "</pre>n" );
QTags.addButton( 'br', 'br', "<br />", "" );
QTags.addButton( 'red', '红色', "n<span style = "color:red;">红色字体内容</span>", "" );
function bolo_QTnextpage_arg1() {
}
</script>
<?php
}
//增强文本编辑器结束

 

请在下方留下您的评论.加入TG吹水群