免插件实现运行代码框

最新推荐文章于 2025-12-30 10:06:08 发布

原创最新推荐文章于 2025-12-30 10:06:08 发布 · 525 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#wordpress #border #function #firefox #浏览器 #input

java 专栏收录该内容

2 篇文章

订阅专栏

和代码接触多了，难免需要在技术类文章中插入一些代码，但是这并不能满足所有的需求，如果能在 WordPress 中运行代码，那就更直观，更完美了，网上已经有个名为 runcode 的插件诞生，抱着能用代码搞定的就绝不用插件解决的精神，我自己研发了一种免插件的运行代码框，且这个方法支持在 Firefox 和 IE 等各版本浏览器，可以放心使用。自己动手，其乐无穷，下面就跟着我来试试吧。

　　1、点此下载(地址：http://wange.im/wp-content/uploads/2009/09/run-code-OL.rar) run-code-OL.js 文件，解压并上传至服务器。

　　2、在 WordPress 日志中插入以下代码：

  <script 
  src=
  "保存 run-code-OL.js 的地址" 
  type=
  "text/javascript" 
  charset=
  "utf-8"
  ></script>
<form>
<div 
  align=
  "center"
  >
<textarea 
  id=
  "code" 
  style=
  "width:555px;height:255px;" 
  cols=
  "80" 
  rows=
  "15"
  ></textarea>
<br />
<input 
  type=
  "button"
  onclick=
  runCode(code) 
  value=
  "运行代码" 
  style=
  "border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"
  >
<input 
  type=
  "button"
  onclick=
  copycode(code) 
  style=
  "border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"
  value=
  "复制代码" 
  onclick=
  "copycode(runcode3)"
  >
<input 
  type=
  "button"
  onclick=
  saveCode(code) 
  style=
  "border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"
  value=
  "另存代码" 
  onclick=
  "saveCode(runcode3)"
  >
  

  提示：您可以先修改部分代码再运行 
  </div>
</form>
<br>
 