WordPress文章运行代码插件RunCode

Bell — Sun, 04 Jan 2009 09:34:21 +0000

RunCode可以为你的WP增加一个文本框用来运行代码(html/css/javascript).相信对做网页前端设计的朋友来说,是个非常有用的插件,可以更方便的展示自己的一些设计效果.

下载地址:http://wordpress.org/extend/plugins/runcode/
使用方法:

运行代码…

想要调整textarea的大小,可以在style.css中增加.runcode_text{ width:500px; height:200px;}

运行效果:

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>扩大链接的选区</title> <style type="text/css"> body,ul,li{ padding:0; margin:0;} #ben{ margin:20px auto; width:200px; height:60px; border:1px solid #d7d7d7;} #ben li{ list-style:none; display:block; float:left; width:200px; height:20px; line-height:20px; text-indent:10px;} #ben li a{ display:block; height:20px; font-size:12px; text-decoration:none; color:#000;} #ben li a:hover{ background:#66CCFF;} </style> </head> <body> <ul id="ben"> <li><a href="#">IInterest</a></li> <li><a href="#">IInterest</a></li> <li><a href="#">IInterest</a></li> </ul> </body> </html>

提示：你可以先修改部分代码再运行。

IInterest » runcode

WordPress文章运行代码插件RunCode