日期:2014-05-16  浏览次数:20340 次

代码高亮插件syntaxHighlighter复制到剪切板和在新窗口在查看的原理
代码高亮插件syntaxHighlighter复制到剪切板和在新窗口在查看的原理

<div class="bar">
<div class="toolbar">
<a href="#viewSource" title="view source" style="width: 16px; height: 16px;" class="item viewSource">view source</a>
<div class="item copyToClipboard">
<embed width="16" height="16" id="highlighter_96957_clipboard" type="application/x-shockwave-flash" title="copy to clipboard" allowscriptaccess="always" wmode="transparent" flashvars="highlighterId=highlighter_96957" menu="false" src="http://localhost/src/content/plugins/syntaxHighlighter/brush/clipboard.swf">
</div>
<a href="#printSource" title="print" style="width: 16px; height: 16px;" class="item printSource">print</a><a href="#about" title="?" style="width: 16px; height: 16px;" class="item about">?</a>
</div>
</div>

看他插入 这样一段工具的代码,复制需要用到flash编程么?很好奇。
我想实现一个复制代码的过程。或者有没有别的思路来实现这个功能(附带代码)

------解决方案--------------------
首先这个版块算是web里最热的了。
复制内容到剪切板纯js兼容性不好,所以使用了swf可兼容所有浏览器,详细可了解jQuery ZeroClipboard粘贴板
新开窗口查看源代码这是很久就有了window.open(),代码也比较简单,就不详细说了。