博客园_插入代码(推荐)_按钮功能实现_代码高亮显示
时间:2022-06-10
本文章向大家介绍博客园_插入代码(推荐)_按钮功能实现_代码高亮显示,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
项目结构:
运行效果:
xml:
java:
html:
=============================================================
实现:
=============================================================
步骤一:准备
1.下载SyntaxHighlighter_1.5.1.rar
下载地址:http://files.cnblogs.com/hongten/SyntaxHighlighter_1.5.1.rar
解压缩后,得到dp.SyntaxHighlighter文件夹,
我们需要的只有:Scripts文件夹和Styles文件夹
步骤二:新建一个web project,名字如:SyntaxHighlighter(名称可以自己定)
步骤三:编写/SyntaxHighlighter/WebRoot/syntaxHighlighter.html
下面是代码部分:
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2 <html>
3 <head>
4 <title>syntaxHighlighter.html</title>
5
6 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
7 <meta http-equiv="description" content="this is my page">
8 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
9
10 <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
11 <link type="text/css" rel="stylesheet"
12 href="Styles/SyntaxHighlighter.css"></link>
13 </head>
14
15 <body>
16 <!-- //////////////////////////////////////////////////////////////////////////// -->
17 <!-- xml -->
18 <!-- //////////////////////////////////////////////////////////////////////////// -->
19 <textarea name="code" class="xml" rows="15" cols="100">
20 <?xml version="1.0" encoding="UTF-8"?>
21 <web-app version="2.5"
22 xmlns="http://java.sun.com/xml/ns/javaee"
23 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
24 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
25 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
26 <welcome-file-list>
27 <welcome-file>syntaxHighlighter.html</welcome-file>
28 </welcome-file-list>
29 </web-app>
30 </textarea>
31
32 <!-- //////////////////////////////////////////////////////////////////////////// -->
33 <!-- java -->
34 <!-- //////////////////////////////////////////////////////////////////////////// -->
35 <textarea name="code" class="java" rows="15" cols="100">
36 package com.b510;
37
38 /**
39 *
40 * @author Hongten</br>
41 * @date 2012-7-20
42 *
43 */
44 public class SyntaxHighlighter {
45
46 /**
47 * @param args
48 */
49 public static void main(String[] args) {
50 System.out.println("helloworld!");
51 }
52 }
53 </textarea>
54
55
56
57 <!-- //////////////////////////////////////////////////////////////////////////// -->
58 <!-- pre -->
59 <!-- //////////////////////////////////////////////////////////////////////////// -->
60 <textarea name="code" class="js" rows="15" cols="100">
61 <pre class="brush: php; highlight: [5, 15]; html-script: true">
62 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
63 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
64 <head>
65 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
66 <title>SyntaxHighlighter Demo Page - <?= htmlspecialchars($title) ?></title>
67 </head>
68
69 <body>
70
71 <?
72 /***********************************
73 ** Multiline block comments
74 **********************************/
75
76 $stringWithUrl = "http://alexgorbatchev.com";
77 $stringWithOutUrl = 'hello world';
78
79 ob_start("parseOutputBuffer"); // Start Code Buffering
80 session_start();
81
82 function parseOutputBuffer($buf) {
83 global $portal_small_code, $portal_gzcompress;
84 global $PHP_SELF, $HTTP_ACCEPT_ENCODING;
85
86 // cleaning out the code.
87 if($portal_small_code && !$portal_gzcompress) {
88 $buf = str_replace(" ", "", $buf);
89 $buf = str_replace("n", "", $buf);
90 $buf = str_replace(chr(13), "", $buf);
91 }
92 }
93
94 ?>
95 </body>
96 </html>
97 </pre>
98 </textarea>
99
100 <br>
101
102
103 <script class="javascript" src="Scripts/shCore.js"></script>
104 <script class="javascript" src="Scripts/shBrushCSharp.js"></script>
105 <script class="javascript" src="Scripts/shBrushPhp.js"></script>
106 <script class="javascript" src="Scripts/shBrushJScript.js"></script>
107 <script class="javascript" src="Scripts/shBrushJava.js"></script>
108 <script class="javascript" src="Scripts/shBrushVb.js"></script>
109 <script class="javascript" src="Scripts/shBrushSql.js"></script>
110 <script class="javascript" src="Scripts/shBrushXml.js"></script>
111 <script class="javascript" src="Scripts/shBrushDelphi.js"></script>
112 <script class="javascript" src="Scripts/shBrushPython.js"></script>
113 <script class="javascript" src="Scripts/shBrushRuby.js"></script>
114 <script class="javascript" src="Scripts/shBrushCss.js"></script>
115 <script class="javascript" src="Scripts/shBrushCpp.js"></script>
116 <script class="javascript">
117 dp.SyntaxHighlighter.HighlightAll('code');
118 </script>
119 </body>
120 </html>
步骤四:部署项目,在浏览器地址栏中输入要运行的项目,就可以看到想要的结果啦。。。
源码下载:http://files.cnblogs.com/hongten/SyntaxHighlighter.zip
更多信息:http://baijinshan.iteye.com/blog/547477
- Go 语言Map(集合)
- 简单的java实验,涉及到 类继承以及接口问题,方法体的重写(区别于重载)
- java 快速求素数
- 狄斯奎诺(dijkstra 模板)
- HDUOJ---汉洛塔IX
- 小错误系列
- HDUOJ-----4510 小Q系列故事——为什么时光不能倒流
- HDUOJ----4509湫湫系列故事——减肥记II
- HDUOJ-----4506小明系列故事——师兄帮帮忙
- HDUOJ---4503 湫湫系列故事——植树节
- HDUOJ----4504 威威猫系列故事——篮球梦
- 推荐一款MySQL优化工具
- HDUOJ----4502吉哥系列故事——临时工计划
- HDUOJ----4004The Frog's Games(二分+简单贪心)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Prometheus监控神器-Kubernetes篇(三)
- julia简易教程——安装Julia+jupyter notebooks
- Julia 终于正式发布了
- awk 列求和计算
- C++复习笔记——0_零碎问题及解决笔记
- C++复习笔记——C++ 关键字
- python函数——字典设置默认值 setdefault()
- Day 3:从尾到头打印链表
- python函数——字典get()方法
- Day 4:重建二叉树
- python函数——字典设置默认值get() 与 setdefault()区别
- tensorflow学习笔记——0_零碎问题及解决笔记
- MapReduce工作笔记——Hadoop MR Streaming通用模板
- MapReduce工作笔记——Hadoop shell 常用文件操作命令
- Julia简易教程——4_字符串操作