語法高亮標記 - 跨瀏覽器平台語法(一)

語法高亮標記 - 跨瀏覽器平台語法範例(一)
顯示結果
請將滑鼠移到語法高亮標記區塊內,在右側找到按 copy to clipboard 測試看看




請將已複製的資料貼到(按 Ctrl +V)下面這個空白文字區塊框內,張貼顯示複製的內容
按此 (限 IE 及 Avant Browser 使用) 顯示複製的內容
你也可以 按此 清空剪貼簿已複製的內容



本範例 JavaScript 語法:
<script type='text/javascript' src='shCore.js'></script>
<script type='text/javascript' src='shBrushJScript.js'></script>
<script type='text/javascript'>
	(function(){
		var corecss = document.createElement('link');
		var themecss = document.createElement('link');
		var themecssurl = "shThemeDefault.css";
		if ( themecss.setAttribute ) {
				themecss.setAttribute( "rel", "stylesheet" );
				themecss.setAttribute( "type", "text/css" );
				themecss.setAttribute( "href", themecssurl );
		} else {
				themecss.rel = "stylesheet";
				themecss.href = themecssurl;
		}
		document.getElementsByTagName("head")[0].appendChild(themecss);
	})();
	SyntaxHighlighter.config.clipboardSwf = 'clipboard.swf-m=1268755324g';
	SyntaxHighlighter.config.strings.expandSource = 'show source';
	SyntaxHighlighter.config.strings.viewSource = 'view source';
	SyntaxHighlighter.config.strings.copyToClipboard = 'copy to clipboard';
	SyntaxHighlighter.config.strings.copyToClipboardConfirmation = 'The code is in your clipboard now';
	SyntaxHighlighter.config.strings.print = 'print';
	SyntaxHighlighter.config.strings.help = '?';
	SyntaxHighlighter.config.strings.alert = 'SyntaxHighlighter\n\n';
	SyntaxHighlighter.config.strings.noBrush = 'Can\'t find brush for: ';
	SyntaxHighlighter.config.strings.brushNotHtmlScript = 'Brush wasn\'t configured for html-script option: ';
	SyntaxHighlighter.all();
</script>
引用本報導資料來源 SyntaxHighlighter 網址及 Clipboard with JavaScript 範例
注意本範例必需在連線狀態下始能使用。
注意以上 shCore.js, shBrushJScript.js, shThemeDefault.css, clipboard.swf 需要放在同一路徑下。
本篇報導所有範例,我使用的測試瀏覽器與版本可能與你不同,請參考測試瀏覽器與版本 Go
本 JavaScript 範例,適用以下瀏覽器

更完整說明,請按瀏覽器的檢視原始碼查看