基于 Highlight的代码语法高亮插件 for Typecho,可显示语言类型、行号,有复制代码到剪切板等功能...
而这篇文章要给你介绍的就是这样一个代码高亮插件 prettify.js 。 这个插件的作用方法也非常简单,你只需要引用相关文件,然后再启用它就可以。 <! -- 引入 CSS 文件 --> <link href="<em>prettify</em>.min.css" rel="stylesheet"> <! -- 引入 JS 文件 --> <script src="jquery.min.js"></script> <script src="<em>prettify</em>.min.js"></script> 推荐首选官网下载 ,如果找不到官网也可以从 bootcdn 下载或者直接引用prettify.js。 在这里由于启用 prettify.js 时,用到了jQuery 所以你也需要把 jQuery 一同引进来。
安装插件 HTML-CSS-JS Prettify,修改node路径,即可通过单击右键 HTML-CSS-JS Prettify 中的 Prettify Code 使用代码格式化功能 1. 搜索插件 HTML-CSS-JS Prettify ---- 3. node路径错误 的解决 ---- (1)单击右键,点击 Pretty Code (2)出现以下提示就是需要配置node.js的路径
回车,再输入HTML/CSS/JS prettify 再回车,重启后就可以了。 2.在代码界面右击->HTML/CSS/JS prettify->Prettify Code ,如果出现下图提示 ?
prettify.js是在这里下载的:https://code.google.com/p/google-code-prettify/ <script src="http://files.cnblogs.com /files/flipped/<em>prettify</em>.js"></script> <script type="text/javascript"> (function() { $("pre").addClass ; })(); </script> 配色和字体 默认的配色不喜欢,可以设置css,推荐参考https://jmblog.github.io/color-themes-for-google-code-prettify Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify
Google Prettify 这是Google出的一个代码高亮的前端库,Github地址:https://github.com/google/code-prettify。 两种用法: 一、自动执行 在你的页面引入 <script src="https://cdn.rawgit.com/google/code-<em>prettify</em>/master/loader/run_<em>prettify</em>.js 二、手动加载 页面引入配置: <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/prettify.js"></ script> 还需要引入样式文件: <link href="https://cdn.rawgit.com/google/code-<em>prettify</em>/master/loader/skins/desert.css ready(function () { PR.prettyPrint(); }); 整合 思路其实是这样,python markdown的库只用来处理markdown格式,代码渲染为pre即可,然后用<em>prettify</em>
使用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 /ajax/libs/prettify/r298/prettify.css CSS 文件只包含代码高亮样式主题,我选择默认 default。 /js/prettify/prettify.min.js', array(), '20130504', true); } function wp_prettify_load /css/prettify-default.css' ;?>" /> 到这里 WordPress+Prettify 免插件纯代码实现文章代码高亮设置就结束了。
1、 将压缩包https://raw.githubusercontent.com/google/code-prettify/master/distrib/prettify-small.zip下载到本地, 解压到主题的lib目录下,目录名为prettify。 2、 从http://jmblog.github.io/color-themes-for-google-code-prettify/下载自己喜欢的主题文件到lib/prettify/skins目录下。 3、 在主题的layout/_third-party目录下创建prettify.swig文件,内容如下: <link rel="stylesheet" href="/lib/<em>prettify</em>/skins /{{ theme.custom_highlight_theme }}.css" type="text/css"> <script src="/lib/<em>prettify</em>/<em>prettify</em>.js" type
兼容标准的 Google Code Prettify 代码高亮主题&插件的格式,基于 Google Code Prettify 高亮代码的方案,纯代码版。 ><script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/<em>prettify</em>/r298/<em>prettify</em>.js"></script php } add_action('get_footer','prettify'); //后台编辑器添加按钮 function prettify_bottom($mce_settings) { ? php } add_action('after_wp_tiny_mce', 'prettify_bottom'); ? > 从可视化编辑器选择块-格式化添加代码,或者选择文本编辑器,点击 G-Prettify 按钮,添加代码,即可使得被添加代码实现高亮模式
然后复制到代码来玩~~: (function () { var input, output; var converter = new showdown.Converter({extensions: ['prettify github-light.css"/> <script src="js/showdown.min.js"></script> <script src="js/showdown-plugins/showdown-<em>prettify</em>-for-wechat.js js"></script> <script src="js/clipboard.min.js"></script> <link rel="stylesheet" href="google-code-<em>prettify</em> /<em>prettify</em>.css"/> <script src="google-code-<em>prettify</em>/run_<em>prettify</em>.js"></script> <link rel="stylesheet
[--prettify [PRETTIFY [PRETTIFY ...]]] [testset_paths [testset_paths ...]] --prettify [PRETTIFY [PRETTIFY ...]] Prettify JSON testset format.
-- 代码高亮 --> <link href="{{ site.url }}{{ site.themes }}/google-code-<em>prettify</em>/css/mine.css" rel="stylesheet " type="text/css" media="all" /> <script src="http://apps.bdimg.com/libs/<em>prettify</em>/r298/<em>prettify</em>.js" type ; window.prettyPrint && prettyPrint(); }); </script> 注意 –如果引用从google下载js一定不能修改目录结构把所有的js都引进来,而不是只引prettify.js
encoded) return $encoded; else return $source; } //转换 pre 标签中的 html 代码 //文章和评论 function meow_prettify_esc_html (<\/pre>)/sim'; return preg_replace_callback($regex, 'meow_prettify_esc_callback', $content);} function meow_prettify_esc_callback($matches){ $tag_open = $matches[1]; $content = $matches[2]; $ $tag_close;} add_filter('the_content', 'meow_prettify_esc_html', 2); add_filter('comment_text', 'meow_prettify_esc_html
\code_prettify.js -> C:\Users\Administrator\AppData\Roaming\jupyter\nbextensions\code_prettify\code_prettify.js \code_prettify.yaml -> C:\Users\Administrator\AppData\Roaming\jupyter\nbextensions\code_prettify\code_prettify.yaml \README_code_prettify.md -> C:\Users\Administrator\AppData\Roaming\jupyter\nbextensions\code_prettify \Roaming\jupyter\nbextensions\code_prettify\code_prettify.yaml [I 20:33:35 InstallContribNbextensionsApp \Roaming\jupyter\nbextensions\code_prettify\code_prettify.yaml [I 20:33:35 InstallContribNbextensionsApp
headers = kv) demo.raise_for_status() soup = BeautifulSoup(demo.content,'html.parser') print(soup.prettify try: soup = BeautifulSoup(open('D:\\ugirl.html',encoding='UTF8'),'html.parser') print(soup.prettify 4.基于bs4库的html格式输出 prettify( ):为html文本加入换行符,可以使用print打印 import requests try: from bs4 import BeautifulSoup ad_id=751',headers = kv) soup = BeautifulSoup(demo.content,'html.parser') print(soup.prettify()) except : print('爬取错误') 运行结果: 可以单独打印a标签: print(soup.a.prettify()) 运行结果: 信息组织与提取方法 find_all()
failfast 不带参数 运到失败后停止测试 —startproject STARTPROJECT 指定项目的根目录 —validate [VALIDATE [VALIDATE …]] 校验json格式 —prettify [PRETTIFY [PRETTIFY …]] 各式化json文件 —no-html-report 不生成html报告,使用—no-html-report hrun test_demo.yml — hrun —validate test_login2.json —prettify 用于格式化json文件内容 hrun —prettify test_login2.json D:\soft\untitled validate test_login2.json Start to validate JSON file: test_login2.json OK D:\soft\untitled>hrun --prettify test_login2.json Start to prettify JSON file: test_login2.json success: test_login2.pretty.json
第三,输入vue找到相应的插件,回车安装 .vue文件格式化 点击Install Package,然后搜索HTML-CSS-JS Prettify,按确定,等待安装结束。 安装HTML/CSS/JS Prettify后 : tools->HTML/CSS/JS Prettify->Pligin Options-Default 在”allowed_file_extensions
=> { const val = "string" return val } type Return = Awaited<ReturnType<typeof func>> Prettify name: string, age: number } type NestedType = MainType & { isDeveloper: boolean } type Prettify <T> = { [K in keyof T]: T[K] } & {} type idk = Prettify<NestedType> 现在可以看到全部了, 非常完整易看 Partial
BeautifulSoup库的解析器2 BeautifulSoup类的基本元素3 基于bs4库的HTML内容遍历方法3.1 标签树的下行遍历3.2 标签树的上行遍历3.3 标签树的平行遍历4 bs4库的prettify soup.a.next_siblings: print(sibling) # 遍历前续节点 for sibling in soup.a.previous_siblings: print(sibling) 4 bs4库的prettify requests.get("https://python123.io/ws/demo.html") demo = r.text soup = BeautifulSoup(demo, 'html.parser') soup.prettify \n
\n </body>\n</html>' .prettify()方法为HTML文本<>及其内容增加'\n'。cityId=360&offset=1&limit=60').content soup = BeautifulSoup(content, 'html.parser') print(soup.prettify ()) #.decode("unicode_escape") #目前soup.prettify()为str new=soup.prettify().encode('latin-1').