首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

WPJAM「代码高亮」:一键实现 WordPress 页面代码高亮显示

WPJAM「代码高亮」插件特别之处 现在大部分代码高亮的插件都是使用 prism 这个代码高亮 JS 库来实现的,WPJAM「代码高亮」插件也是,只是之前是纯代码方式写到主题里面,今天就把它整理了一下,...整个插件自己写的代码只有不到 30 行,就是利用 WordPress 的 wp_enqueue_scripts 接口让页面加载 prism 的样式和脚本代码。...选择该该区块: 点击右侧区块属性框,在额外的CSS类中输入:language-php,如果你的代码是 JS 则,输入 language-javascript,CSS 则输入 language-css,HTML...则切换到代码模式,然后把代码放到: 和  之间即可,如下图所示: pre 标签的 class 定义就是语言,如何设置...,和上面古腾堡的设置方式是一样的,自己灵活处理一下,个人感觉还是古腾堡编辑器方便一点。

1.7K30

HTML highlight 代码前端高亮、代码美化

参考资料: 1. highlightjs 官方使用文档 2. highlightjs 代码各种风格 3. ckeditor 代码高亮插件 Code Snippet 官方使用文档 4. ...// config.uiColor = '#AADC6E'; //添加插件,多个插件用逗号隔开 config.extraPlugins = 'codesnippet'; //设置高亮风格..., 如果不设置着默认风格为default config.codeSnippet_theme = 'monokai_sublime'; }; # 富文本编辑器中显示出来的输入的代码按钮 ckeditor...前端模板 HTML 文件引入对应的 css 和 js (styles 使用的 css 文件,可以修改成自己喜欢的样式,css 文件路径:joyoo\static_root\ckeditor\ckeditor...\plugins\codesnippet\lib\highlight\styles,前端代码高亮还可以使用 https://prismjs.com/plugins/line-numbers/,详情) <

2.7K20

PHP压缩html页面

html页面压缩之后,可以大大提升页面的加载速度,下面的压缩代码去掉了页面中的所有空格、注释、制表符、换行符等等比较多余的字符,下面的代码是写以在thinkphp5中为例的,不过在他PHP程序是通用的...view_replace_str'))             ->fetch($data, $this->vars, $this->replace);                  /* 自定义页面压缩...php echo ', $outputHtml)));         }                  return $outputHtml;     } 2、在页面公共部分或者你需要使用页面压缩的模块设置一个宏变量进行标记...,我的如下     //设置开启页面压缩,true为开启页面压缩,false相反     define('IS_PAGE_ZIP', false); 3、最后压缩后的效果如下图:

8K10
领券