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捐助),没钱捧个人场,谢谢各位。



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

 

 

目录
相关文章
|
C++ Python
【问题解决】Octopress之代码高亮
转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 最近在学习cocos-2dx C++开发棋牌游戏,所以写博客的时间就少了很多。
1192 0
|
前端开发 Python JavaScript
Hilite代码高亮工具
在用《有道云笔记》等软件时候,软件自身不提供代码高亮功能,对于需要记录code的学习笔记,视觉效果丢失。 有很多在线工具能用来代码高亮,比如oschina就有代码高亮页面用于着色。 但是我想要sublime里那种效果,有没有方法做到? 应该已经有人开发过这种插件了吧:代码高亮,主题选取,甚至字体、行号......各种js插件? 为了练手我自己手用python写了一个web app用来代码高亮:服务端用pygments进行语法解析,前端用pygments生成的颜色主题css进行配色。
898 0
嘿,我造了个代码高亮的插件
写这个插件的初衷是因为 Medium 总是不高亮作者的代码。当然也有人用 Codepen, CodeSandbox 或者 Gist 来嵌入代码。 但是这样实在麻烦,有些人(比如我)就很不想为了几句代码而创建一个 Gist 文件,然后直接用 Medium 提供的代码块。所以我经常看到这样的代码块 为了解决这个问题,我就写了这个插件来高亮 Medium 里的代码块,后面还意外发现简书,知乎,StackOverflow 等网站都能高亮,嘻嘻!
嘿,我造了个代码高亮的插件
|
JavaScript 前端开发 C#
代码高亮插件SyntaxHighlighter
现在版本syntaxhighlighter_2.1.364 第一       解压压缩包,scripts文件夹中包含了各种语言的JS文件,在styles文件夹中是各种显示高亮的主题 第二   如何使用?首先要引入其核心javascript文件shCore.js和核心CSS文件shCore.css,这两个是必选要引入的。其次引入你要高亮的语言JS,比如我想高亮显示的是C#
1778 0
|
小程序 前端开发 JavaScript
小程序文章样式之代码高亮
小程序文章样式之代码高亮
553 0
小程序文章样式之代码高亮
|
Java
ZboyEditer实现了语法高亮
ZboyEditer(文本编辑器基于java && SWT) 编辑器终于在 gforge.osdn.
818 0
|
JavaScript 前端开发
ueditor代码高亮实现方法
实现的方法也很简单 1:页面引用以下资源文件(均位于ueditor目录中) <script type="text/javascript" src="/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" type="text/css" href="/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"> 2:增加如下js脚本使高亮生效: SyntaxHighlighter.all();
254 0
ueditor代码高亮实现方法
|
自然语言处理 前端开发 JavaScript
开发一个 vscode 插件,提升 markdown 排版可读性🌿
开发一个 vscode 插件,提升 markdown 排版可读性🌿
473 0
|
Python 前端开发
如何在博客中使用SublimeText风格的代码高亮样式
因为觉得博客园自带的代码高亮样式很单一,不符合作为前端的我的审美习惯,于是下定决心要想办法折腾出一个方法来应用上另外一套代码高亮样式。 虽然探索的过程是很痛苦的,但最后还是成功了,但也不枉付出的那些努力。
1022 0
|
9月前
|
Web App开发 移动开发 搜索推荐
常见的Markdown在线编辑器
在线Markdown编辑器提供了更加稳定和流畅的用户体验。用户无需下载安装任何软件,只需打开浏览器,即可在任何设备上轻松使用这款编辑器,实现随时随地的写作。基于HTML5的在线Markdown编辑器可实现即时的编辑和预览功能
138 2

热门文章

最新文章