插入运行代码

本文来自:http://www.cnblogs.com/yjmyzz/archive/2010/06/30/1768397.html

复制过来只为方便写博客。

一、html模式下先插入代码:

<textarea rows="10" id="runcode1" style="width: 80%;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>IE7下当position:relative遇到text-align:center</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <style type="text/css">
      body{padding:0;margin:0}      
      #wrap{text-align:center}
      #toolbar{width:100%;height:25px;background:#000;position:fixed;bottom:0;}
    </style>
</head>
<body>
 <div id="wrap"> 
 <div id="toolbar"></div>
 </div> 
</body>
</html>
</textarea>

注:textarea之间的即为经过HtmlEncode处理后的源代码。然后再继续插入一段代码:

<p><button title="runcode1" class="runcode">运行代码</button></p>

三、插入Flash

切换到编辑器的html源代码模式,类似下面这样输入:

<p><a href="javascript:void(0)" onclick="_jimmyShowPopUp('swf','http://images.24city.com/jimmy/flash/mouseavoider.swf',300,400,'Mouse Avoid 在线演示(Flash版)');return false"><img src="http://pic002.cnblogs.com/img/yjmyzz/201006/2010063014380491.jpg" /><br />在线演示</a></p>


在线演示

posted @ 2010-08-19 15:22  aito  阅读(220)  评论(0编辑  收藏  举报