落尘之木
TO BE THE BEST!

WordPress 文本编辑器添加自定义命令

WordPress 的文本编辑器可以直接编辑文章的代码,减少错误的发生,大大地提高效率,而在可视化的界面编辑则常常达不到自己想要的预期结果,比较适合用来在文本代码编辑完后进行预览,两者相辅相成,完美!

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

现在来添加一些常用的按钮命令:一级标题、二级标题、三级标题、代码、带行号代码,在WordPress主题的functions.php的<?php和?>之间中加入以下代码,如果你还需要其他的命令可以参照添加。

 /* 文本编辑器自定义按钮 */
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>' );
</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

使用方法:
选中文字,点一下命令,文字就会被命令括起来

 

赞(0) 赞赏
落尘之木公众号
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《WordPress 文本编辑器添加自定义命令》
文章链接:https://www.luochenzhimu.com/archives/1800.html
免责声明:根据我国《计算机软件保护条例》第十七条规定:“为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。”您需知晓本站所有内容资源均来源于网络,仅供用户交流学习与研究使用,版权归属原版权方所有,版权争议与本站无关,用户本人下载后不能用作商业或非法用途,需在24小时之内删除,否则后果均由用户承担责任。

评论 抢沙发

评论前必须登录!

 

您的支持将鼓励我们继续创作!

支付宝扫一扫打赏

微信扫一扫打赏