澳门威尼斯人娱乐官网如何不用插件就可以实现代码高亮显示

澳门威尼斯人娱乐官网, 免费软件   2019年04月04日 11:33  

前面我们有分享过澳门威尼斯人娱乐官网最常用的10个代码高亮插件的,但是有些童鞋并不喜欢用插件,这就再给大家分享一下免插件实现代码高亮显示的方法,很实用大家可以结合自己的实际情况了解下。

Prismjs就可以让我们的wordpress不用装插件就完成代码高亮的功能,Prismjs是一个专门做代码高亮的开源项目,他的代码特点是精约、轻盈、快捷、高效、快速,而且支持127种程序语言的代码高亮。最主要的是Prismjs只需一个JS文件和一个CSS文件。使用Prismjs来完成代码高亮的时分,只需下载该文件放到网站,然后将这两个文件引进到页面上就可以了。

 

下面介绍澳门威尼斯人娱乐官网实现代码高亮的办法

1、首先下载prism压缩包上传至主题根目录(底部下载);

2、然后复制以下代码添加到主题function.php文件下方即可。

  1. //Wordpress免插件实现代码高亮
  2. //Prism.js开始
  3. ?function?add_prism()?{
  4. ????????wp_register_style(
  5. ????????????'prismCSS',
  6. ????????????get_stylesheet_directory_uri()?.?'/prism/prism.css'?//自定义路径
  7. ?????????);
  8. ??????????wp_register_script(
  9. ????????????'prismJS',
  10. ????????????get_stylesheet_directory_uri()?.?'/prism/prism.js'?//自定义路径
  11. ?????????);
  12. ????????wp_enqueue_style('prismCSS');
  13. ????????wp_enqueue_script('prismJS');
  14. ????}
  15. add_action('wp_enqueue_scripts',?'add_prism');
  16. //Prism.js结束
  17. //编辑器添加快捷键
  18. function?appthemes_add_quicktags()?{
  19. ?>
  20. <script?type="text/javascript">
  21. QTags.addButton(?'codeHighlight',?'代码高亮',?'\n【pre?class="line-numbers"】【code?class="language-markup"】\n?HTML代码\n【/code】【/pre】\n'?);
  22. QTags.addButton(?'php',?'php',?'\n【pre?class="line-numbers"】【code?class="language-php"】\n?PHP代码\n【/code】【/pre】\n'?);
  23. QTags.addButton(?'python',?'Python',?'\n【pre?class="line-numbers"】【code?class="language-python"】\n?Python代码\n【/code】【/pre】\n'?);//修改此段【】为<>
  24. </script>
  25. <?php
  26. }
  27. add_action('admin_print_footer_scripts',?'appthemes_add_quicktags'?);
  28. //添加快捷键结束
  29. //Pre标签内的HTML不转义
  30. add_filter(?'the_content',?'pre_content_filter',?0?);
  31. function?pre_content_filter(?$content?)?{
  32. ????return?preg_replace_callback(?'|【pre.*】【code.*】(.*)【/code】【/pre】|isU'?,?'convert_pre_entities',?$content?);
  33. }//修改此段【】为<>
  34. function?convert_pre_entities(?$matches?)?{
  35. ????return?str_replace(?$matches[1],?htmlentities(?$matches[1]?),?$matches[0]?);
  36. }

下载地址:https://pan.baidu.com/s/1jaUsAdm3RCBqYIl4cf93ZQ ? ??提取码: izjr

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

看贴要回贴有N种理由!看帖不回贴的后果你懂得的!

You must be Logged in to post comment.

部落快速搜索栏

各类专题梳理

网站导航栏

X
?
返回顶部