wordpress CK编辑器自定义按钮实现编辑器增强

旧版本tiny编辑器添加方式参考如下：

为wordpress后台HTML编辑器添加自定义标签按钮

龙坤科技

• 19年3月6日
• 喜欢：0
• 浏览：1.4k

有些朋友为自己网站文章集成了各种样式或者其他功能,但是每次都需要在编辑器里面输入代码调用,这样会很麻烦,现在教各位一个为WordPress后台编辑器集成快捷键教程.

效果预览
WordPress后台编辑器添加快捷按钮教程

集成方法
将以下代码添加到当前使用主题的functions.php文件中即可。

// 添加HTML按钮
function appthemes_add_quicktags() {
?> 
<script type="text/javascript"> 
QTags.addButton( '按钮名字','按钮名字','\n代码开头','代码结尾\n' );
</script>
<?php
}
add_action('admin_print_footer_scripts','appthemes_add_quicktags' );

以下代码请不要复制 仅供参考

// 添加HTML按钮
function appthemes_add_quicktags() {
?> 
<script type="text/javascript"> 
QTags.addButton( '主题演示','主题演示','\n<div id="demo"><a title="主题演示地址" href="','" rel="nofollow">主题演示</a></div>\n' );
QTags.addButton( '文字背景','文字背景','\n<div class="sss">','</div>\n' );
</script>
<?php
}
add_action('admin_print_footer_scripts','appthemes_add_quicktags' );

不懂得可以留言咨询