Prettify 使用 代码高亮

简介:     写文档 展示 代码 部分 ,要求高亮炫酷  1.建立HTML文件,添加 pre 节点,节点中弄些 HTML 代码。   // 异步方式 // 结果以事件回调方式返回 Command command = new Command("/sys...

 

 

写文档 展示 代码 部分 ,要求高亮炫酷

 

1.建立HTML文件,添加 pre 节点,节点中弄些 HTML 代码。

 

<pre>
    // 异步方式
    // 结果以事件回调方式返回
    Command command = new Command("/system/bin/ping",
            "-c", "4", "-s", "100",
            "www.baidu.com");
    Command.command(command, new Command.CommandListener() {
        @Override
        public void onCompleted(String str) {
            Log.i(TAG, "onCompleted:\n" + str);
        }
        @Override
        public void onCancel() {
            Log.i(TAG, "onCancel");
        }
        @Override
        public void onError() {
            Log.i(TAG, "onError");
        }
    });
</pre>

2.首先引入 css 样式和 js :

 

    <link href="prettify.min.css" rel="stylesheet">
    <script src="run_prettify.min.js"></script>

3.然后给 pre 节点加上一个 class 属性:

 

<pre class="prettyprint lang-java">
...
</pre>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

捐助开发者

在兴趣的驱动下,写一个免费的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(右上角的爱心标志,支持支付宝和PayPal捐助),没钱捧个人场,谢谢各位。



 
 
 谢谢您的赞助,我会做的更好!

 

 

目录
相关文章
|
5月前
|
Web App开发 移动开发 搜索推荐
常见的Markdown在线编辑器
在线Markdown编辑器提供了更加稳定和流畅的用户体验。用户无需下载安装任何软件,只需打开浏览器,即可在任何设备上轻松使用这款编辑器,实现随时随地的写作。基于HTML5的在线Markdown编辑器可实现即时的编辑和预览功能
76 2
|
4月前
markdown语法
学习Markdown基本语法:标题、段落、强调、列表、代码块等,轻松撰写整洁文档。[查看教程](https://markdown.com.cn/basic-syntax/)
37 0
VSCODE配置Markdown,以及Markdown基础语法
VSCODE配置Markdown,以及Markdown基础语法
VSCODE配置Markdown,以及Markdown基础语法
|
JavaScript
markdown语法续
markdown语法续
87 0
|
自然语言处理 前端开发 JavaScript
开发一个 vscode 插件,提升 markdown 排版可读性🌿
开发一个 vscode 插件,提升 markdown 排版可读性🌿
444 0
|
前端开发 机器人 程序员
关于写作编辑器markdown与它的编辑工具,我想说...
markdown便是如此,它让你无需关注排版,将更多的经历用于写作上。如果现在还没有使用过它的朋友,真的推荐你们跨出第一步...
232 0
嘿,我造了个代码高亮的插件
写这个插件的初衷是因为 Medium 总是不高亮作者的代码。当然也有人用 Codepen, CodeSandbox 或者 Gist 来嵌入代码。 但是这样实在麻烦,有些人(比如我)就很不想为了几句代码而创建一个 Gist 文件,然后直接用 Medium 提供的代码块。所以我经常看到这样的代码块 为了解决这个问题,我就写了这个插件来高亮 Medium 里的代码块,后面还意外发现简书,知乎,StackOverflow 等网站都能高亮,嘻嘻!
嘿,我造了个代码高亮的插件
|
小程序 前端开发 JavaScript
小程序文章样式之代码高亮
小程序文章样式之代码高亮
514 0
小程序文章样式之代码高亮
|
Web App开发 JavaScript
分享一个 markdown 编辑器 - Mditor
## 只求极致 [ **M** ] arkdown + E [ **ditor** ] = **Mditor** [![version](https://badge.fury.io/js/mditor.svg)](http://badge.fury.io/js/mditor) Mditor 是一个简洁、易于集成、方便扩展、期望舒服的编写 markdown 的编辑器,仅
3984 0