代码在线操作代码分享

摘要

 我们在写博文时需要添加一段

 我们在写博文时需要添加一段代码,为让读者能即时看到代码效果,我们需加上其他代码可以有运行代码,复制代码,另存代码的效果。

演示:

<div>欢迎订阅李明博客:<a href="http://likinming.com" kesrc="http://likinming.com">http://likinming.com</a></div>


 

代码在线操作代码:


 <p class="MsoNormal"><textarea style="width:679px;height:94px;" cols="50" rows="15" name="code" class="c-sharp"><style> .button { border:1px solid #b1b4cd; background:#696d81; color:#ffffff; height:25px; line-height:25px; }</style><script language="javascript">function runCode(obj){ var bb=window.open('', "_blank", ''); bb.document.open('text/html', 'replace'); bb.opener = null; // 防止代码对页面修改 var obj=document.getElementById(obj); bb.document.write(obj.value); bb.document.close();}function copycode(obj) { var obj=document.getElementById(obj); obj.select(); document.execCommand("copy");}function saveCode(obj) { var obj=document.getElementById(obj); document.write(obj.value); document.close(); document.execCommand("saveAs",0,"nuodou_com_test.htm");}</script><textarea id="code" cols=80 rows=15>加上你的代码</textarea><br /><br /><input type="button" onclick='javascript:runCode("code")' value="运行代码" class="button"><input type="button" onclick='javascript:copycode("code")' value="复制代码" class="button"><input type="button" onclick='javascript:saveCode("code")' value="另存代码" class="button"><br /><br /></textarea>&nbsp;</p>



发表评论

注意:本博客开启缓存,你的评论一般2小时后才能看到,如是广告,评论将无法显示!

目前评论:12 条

  1. avatar 站长谈
    回复 2013-06-19 11:53  沙发

    以后多多关注,寻求个链接呗。

  2. avatar bluesky
    回复 2013-01-20 22:13  板凳

    哈哈,试了一下~

    • avatar 李明

      @bluesky:试后怎样,哈哈!

      • avatar bluesky

        @李明:没细试,现在宕机了,再等等,呵呵~

        • avatar 李明

          @bluesky:你一定很忙吧.

          • avatar bluesky

            @李明:哈哈,没有没有,话说收费主机都不能保证100%的正常,我这一个月的几分钟到几个小时的宕机很知足的,真比那些廉价的收费主机都好,就是数据库小了些。

          • avatar 李明

            @bluesky:我有个500M香港收费空间,我打算搬家了,但用三蛋感觉也不差,在考虑是否搬空间。

  3. avatar 无名智者
    回复 2013-01-20 20:50  地板

    - - Chrome,Firefox等浏览器用JS的方法复制是行不通的

    • avatar 李明

      @无名智者:IE是可以的。

  4. avatar Google优化
    回复 2013-01-17 16:09  #4 楼

    真厉害,向你学习

  5. avatar 室内设计博客
    回复 2013-01-17 13:47  #5 楼

    只是在学习阶段。

    • avatar 李明

      @室内设计博客:互相学习吧。