英文原文: https://medium.com/dev-genius/lets-talk-about-prettyprint-or-pprint-in-python-ddda1fa4cf0b ·END
-- 引入 JS 文件 --> 推荐首选官网下载...,如果找不到官网也可以从 bootcdn 下载或者直接引用prettify.js。...在这里由于启用 prettify.js 时,用到了jQuery 所以你也需要把 jQuery 一同引进来。...代码引入之后,你就可以通过代码启用 prettify 了 $(window).load(function(){ $("pre").addClass("prettyprint linenums..."); prettyPrint();} ) 这行代码的意思就是启用 prettify.js ,其实就是给标签添加 class 类 prettyprint 和 linenums
ol,pre.prettyprint.linenums ol{margin:0 0 0 33px}.prettyprint.linenums ol li,pre.prettyprint.linenums...}.prettyprint .pun,.prettyprint .opn,.prettyprint .clo{color:#f8f8f2}.prettyprint .fun{color:#dc322f}....prettyprint .str,.prettyprint .atv{color:#e6db74}.prettyprint .kwd,.prettyprint .tag{color:#f92659}....prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var{color:#a6e22e}.prettyprint .pln...></script
Typecho,WordPress 等程序高亮代码实现过程,首先引入高亮代码 js 提取代码中得关键词,标记标签;然后,利用高亮 css 更换这些标签得颜色;最重要得自然是,pre 标签重写,这样是为了告诉浏览器哪段代码要执行高亮..."); prettyPrint(); }); 注:上述代码中 addClass 后面有 linenums 表示显示行号,没有则不显示行号。...JS 引入 footer.php 插入如下代码,引用 js 文件。... CSS引入...这里是主要得了,上述 pre 跟 js 让你得主题有了代码高亮得功能,至于怎么高亮,就看你得 css 怎么写了;而且 css 可能跟你得主题有冲突,所以我们往往需要修改 css,下面站长把原版 css
["js_ident"] will be called when prettyprinting finishes....页面引入这个资源后还需要一个配置,就是改pre标签的class为:class="prettyprint linenums",linenums是展示行号用的class。...这种方式下js会根据参数自动加载样式。...import markdown config = { 'codehilite': { 'use_pygments': False, 'css_class': 'prettyprint...之后页面引入样式和js,如上一节的二、手动加载。
stylesheet" type="text/css" media="all" /> $(function() { $('pre').addClass('prettyprint...').attr('style', 'overflow:auto'); window.prettyPrint && prettyPrint(); }); 注意 –如果引用从google...下载js一定不能修改目录结构把所有的js都引进来,而不是只引prettify.js –比较好的方法是:从百度的静态资源库中直接引用 随机色块 function randomColor() { var
; script> 3.JS 代码嵌入的一些问题 如果你想弹出一个标签的字符串,那么浏览器会误解成 JS 代码已经结束了。...---- 一般来说,JS 代码越来越庞大的时候,我们最好把它另存为一个.js 文件,通过 src 引入即可。它还具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展的特点。...script> 这样标签内就没有任何 JS 代码了。... > demo.js <pre class="<em>prettyprint</em>
window.changyan = undefined;window.cyan = undefined; $.getScript("https://changyan.sohu.com/upload/changyan.js...trackPageView']); SynatxHighlighter SyntaxHighlighter.highlight(); google code prettify if (typeof prettyPrint...== 'undefined'){ prettyPrint(); } MathJax if (isInitialLoad === false) { if (typeof MathJax...== 'undefined'){ MathJax.Hub.Queue(["Typeset",MathJax.Hub]); } Prism.js语法高亮 if (typeof Prism
window.changyan = undefined;window.cyan = undefined; $.getScript("https://changyan.sohu.com/upload/changyan.js...trackPageView']); SynatxHighlighter代码高亮 SyntaxHighlighter.highlight(); google code prettify if (typeof prettyPrint...== 'undefined'){ prettyPrint(); } MathJax if (isInitialLoad === false) { if (typeof MathJax...== 'undefined'){ MathJax.Hub.Queue(["Typeset",MathJax.Hub]); } Prism.js语法高亮 if (typeof Prism !
/skins/{{ theme.custom_highlight_theme }}.css" type="text/css"> $(document).ready(function() { $('pre').addClass('prettyprint...linenums').attr('style', 'overflow:auto;'); prettyPrint(); }); 4、 修改主题layout目录下的_layout.swig
接下来是设置的步骤 首先要确保你已经开启js功能。 jQuery博客园已经自动加载了。就不用我们加了。...prettify.js是在这里下载的:https://code.google.com/p/google-code-prettify/ (function() { $("pre").addClass...("prettyprint"); prettyPrint(); })(); 配色和字体 默认的配色不喜欢,可以设置css,推荐参考https://jmblog.github.io
return a + b } 官方给的解释就是,这就只是一个逆向处理而已,即 recast.print(recast.parse(source)).code === source 3、recast.prettyPrint...除了我们上面提及的 recast.print 外,recast 还提供一个代码美化的 API 叫 recast.prettyPrint // prettyPrint.js const recast =...function add (a, b) { return a + b }` const ast = recast.parse(code) console.log(recast.prettyPrint...(ast, { tabWidth: 2 }).code) 执行 node prettyPrint.js ,会发现 code 里面的 N 多空格都能被格式化掉,输出如下 function add(a,...b) { return a + b; } 详细的配置请自行查看:prettyPrint 4、recast.types.builders i.
安装 ngResource模块是一个可选的angularjs模块,如果需要使用,我们要单独引用js User.get({id:'123'}, function(user){ user.name = 'changeAnotherName'; user....p style="font-family:'sans serif',tahoma,verdana,helvetica;font-size:12px;"> $resource('/api/users',{},{ sendEmail:{ method:'', url:'', params:{}, isArray
."); } else { prettyPrint(level, rootFile, isLastChild, isParentLast); }...isLastChild); } } } } } private void prettyPrint...│ | ├──jquery │ | ├──jquery_lazyload │ | ├──pace │ | ├──three │ | ├──ua-parser-js...dropwizard-feign.md │ | ├──Ehcache3入门-Spring集成.md │ | ├──git-rebase.md │ | ├──hello-react-js.md...└──tags │ └──index.md ├──themes │ ├──landscape │ | ├──_config.yml │ | ├──Gruntfile.js
使用Prettify一般只需包含两个文件:prettify.js 和 prettify.css。压缩过后的 prettify.js 大小差不多在 15K 左右,非常小巧。...一、下载js和css文件 JS 地址:https://cdn.bootcdn.net/ajax/libs/prettify/r298/prettify.js CSS 地址:https://cdn.bootcdn.net...第一步下载 js 文件我保存在当前主题下的js目录。 function dangopress_esc_html($content) { $regex = '/(]*?...prettyprint.*?[",\'].*?>)(.*?)...$tag_close; } function setup_load_script() { // Register prettify.js wp_enqueue_script('prettify-js
lib/python3.6/site-packages/flask/json.py", line 251, in jsonify if current_app.config['JSONIFY_PRETTYPRINT_REGULAR...将以下部分: if current_app.config['JSONIFY_PRETTYPRINT_REGULAR'] and not request.is_xhr: 更改为: if current_app.config...['JSONIFY_PRETTYPRINT_REGULAR'] and not request.is_ajax: 此时发现代码中并没有这句,其实这句代码是在flask代码中。...lib/python3.6/site-packages/flask/json.py", line 251, in jsonify if current_app.config['JSONIFY_PRETTYPRINT_REGULAR...'] and not request.is_xhr: 更改为: if current_app.config['JSONIFY_PRETTYPRINT_REGULAR'] and not request.is_ajax
kindeditor/plugins/code/prettify.css" /> 三、页面标签显示 四、js初始化...允许上传文件和图片 afterCreate : function() { this.sync(); }, afterBlur:function(){ this.sync(); } }); prettyPrint
于是就撸了一个玩: GitHub地址:https://github.com/phodal/congee 技术栈: Ractive (template-driven UI library) Require.JS...prettify']}); function updateOutput() { output.innerHTML = converter.makeHtml(input.value); PR.prettyPrint...href="css/highlight.min.css"/> <link rel
sw.start("C"); Thread.sleep(200); sw.stop(); System.out.println(sw.prettyPrint...单序列获取总消耗"); long sequence = generator.generateId(name); watch.stop(); logger.info(watch.prettyPrint...()); return sequence; } getTotalTimeSeconds() 获取总耗时秒,同时也有获取毫秒的方法 prettyPrint() 优雅的格式打印结果,表格形式 shortSummary
领取专属 10元无门槛券
手把手带您无忧上云