HTMLpre代码美化

基于javascript的一款运行在web页面的漂亮荧光线插件。

你是否需要一款像本文一样优美的现实各种代码片段的需求，你是否还在苦苦寻找，那么我来帮助你了，本文将介绍一款基于javascript的一款运行在web页面的漂亮荧光线插件，效果非常漂亮呢。

SHJS 语法简单而高效一款javascript荧光线工具

// 下载
http://shjs.sourceforge.net/doc/download.html// 效果
本文中所写的代码就是采用的SHJS插件所显示的

引用资源

<!— 注意，需要 SHJS0.5+ 以上的版本才支持自动加载 —>
<link type=”text/css” rel=”stylesheet” href=”/plugins/shjs-0.6/css/sh_blacknblue.css”>
<link type=”text/css” rel=”stylesheet” href=”/plugins/shjs-0.6/css/sh_laruence.css”>
<script type=”text/javascript” src=”/plugins/shjs-0.6/sh_main.js”></script>
<script type=”text/javascript”>$(function () {// 自动加载荧光sh_highlightDocument(/plugins/shjs-0.6/lang/‘, ‘.js’);});
</script>

SHJS 文档
要使用SHJS突出显示HTML文档中的源代码，请执行以下步骤：
将每个源代码段放在一个pre元素中。（目前SHJS不能突出显示不在pre元素中的代码。） pre元素必须在类(class)中，其中LANGUAGE指定编写源代码的编程语言。例如，对于C ++，正确的类(class)是。 sh_cpp

<pre class=”sh_cpp”>
#include &lt;iostream&gt;using namespace std;int main(int argc, char ** argv) {cout &lt;&lt; “Hello world” &lt;&lt; endl;return 0;
}
</pre>

下表显示了每种语言使用的正确类（class）：

Language	HTML class
Bison	sh_bison
C	sh_c
C++	sh_cpp
C#	sh_csharp
ChangeLog	sh_changelog
CSS	sh_css
Desktop files	sh_desktop
Diff	sh_diff
Flex	sh_flex
GLSL	sh_glsl
Haxe	sh_haxe
HTML	sh_html
Java	sh_java
Java properties files	sh_properties
JavaScript	sh_javascript
JavaScript with DOM	sh_javascript_dom
LaTeX	sh_latex
LDAP files	sh_ldap
Log files	sh_log
LSM (Linux Software Map) files	sh_lsm
M4	sh_m4
Makefile	sh_makefile
Objective Caml	sh_caml
Oracle SQL	sh_oracle
Pascal	sh_pascal
Perl	sh_perl
PHP	sh_php
Prolog	sh_prolog
Python	sh_python
RPM spec files	sh_spec
Ruby	sh_ruby
S-Lang	sh_slang
Scala	sh_scala
Shell	sh_sh
SQL	sh_sql
Standard ML	sh_sml
Tcl	sh_tcl
XML	sh_xml
Xorg configuration files	sh_xorg

HTMLpre代码美化相关推荐

JS Nice – JavaScript 代码美化和格式化工具
JS Nice 是一款让经过混淆处理的 JavaScript 代码可读更好的工具.它使用一种新型的用于 JavaScript 代码美化的去混淆和去压缩引擎.JSNice 采用先进的机器学习和程序分析技 ...
html滚动选择框代码,如何使用最简单纯Css代码美化checkbox复选框、radios单选框和滑动按钮...
最简洁的代码美化复选框.单选框和滑动按钮效果预览 1. 复选框 .switch { margin: 20px 20px 0 0; display: flex; align-items: center ...
css tab 后竖线_H5网页布局+css代码美化，零基础参考
HTML5的结构化标签,对搜索引擎更友好 li 标签对不利于搜索引擎的收录,尽量少用 banner图片一般拥有版权,不需要搜索引擎收录,因此可以使用ul + li 可用于浅色副标题 display:i ...
Jsbeautifier JS代码美化库
介绍 Jsbeautifier是一款JS代码美化工具,常用地址如下官网 http://jsbeautifier.org/ GitHub地址 https://github.com/beautify-w ...
程序代码美化工具的使用
使用一致的代码美化工具(Pretty print program)的主要原因是使程序的结构和编码样式标准化,这样代码易于阅读和理解. 使用好的编码约定可以使源代码明白.易读.准确,更加直观且与其他语言 ...
css控制的代码,通过CSS控制把网页上的代码美化
博客发布文章时,如果文章里有代码块的,通过pre或者code可以让代码块更好美观:有效提升阅读感受.它就像是IDE工具里的主题一样,看着眼睛舒服: 这个问题困扰了我很久,由于时间的问题,一直没解决.今 ...
在线Json格式化、在线格式化Json代码、Json代码美化器、Json在线压缩、Json \uxxxx格式解码
Json代码进行美化.格式化.检查Json错误. 也可以进行Json代码压缩处理,提供Json Unicode转换为对应字符!!将json \uxxxx类,格式化相应的中文字符串!Json 待格式化J ...
前端--工具--火狐代码美化
一个小功能,火狐打开调试,有一个源代码美化确实可以把原来比较乱的代码给美化,有点不好的地方就是缩减不满意.
如何使用代码美化器Uncrustify (How to use code beautifier Uncrustify)
<?xml version="1.0" encoding="UTF-8"?> 1.下载NodePad++, 2.选择菜单Plugins/Plugin ...
C++主题年技巧积累#1——UltraEdit的代码美化
CSDN旗下水之真谛([url]http://blog.csdn.net/FantasiaX[/url])出品小序: 最近这些天总有朋友问我怎么不写C#的东西了,呵呵,是这样的--今年的年度计划中我 ...

HTMLpre代码美化

基于javascript的一款运行在web页面的漂亮荧光线插件。

SHJS 语法简单而高效一款javascript荧光线工具

HTMLpre代码美化相关推荐

最新文章

热门文章