分享一款前端代码高亮插件支持显示行号

652次浏览 更新日期:2022-05-27 15:20:41 分类:模板插件 评论:4

前言

功能:一个功能强大的前端代码高亮插件,支持40多种语言

支持显示行号 一键复制 一键全屏等功能

优势:安装方便 文件占用小 实用等


安装

引入yzmcms.min.css 与yzmcms.min.js 


尾页插入代码即可

<script type="text/javascript">
        // - highlight all pre + code tags (CSS3 selectors)
        // - use javascript as default language
        // - use theme "enlighter" as default theme
        // - replace tabs with 2 spaces
        EnlighterJS.init('pre', 'code', {
            language: 'javascript',
            theme: 'classic',
            indent: 2
        });
    </script>

演示图

image.png

附件下载:

登录后可免费下载!

我来说两句
作者信息
发布见解
发内容 回顶部