免插件实现运行代码框

最新推荐文章于 2024-09-18 22:29:04 发布

woaizard100

最新推荐文章于 2024-09-18 22:29:04 发布

阅读量479

点赞数

分类专栏： java 文章标签： wordpress border function firefox 浏览器 input

本文链接：https://blog.csdn.net/woaizard100/article/details/5959549

版权

java 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

和代码接触多了，难免需要在技术类文章中插入一些代码，但是这并不能满足所有的需求，如果能在 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" 
  οnclick= 
  runCode(code) 
  value= 
  "运行代码" 
  style= 
  "border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;" 
  >
<input 
  type= 
  "button" 
  οnclick= 
  copycode(code) 
  style= 
  "border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;" 
  value= 
  "复制代码" 
  οnclick= 
  "copycode(runcode3)" 
  >
<input 
  type= 
  "button" 
  οnclick= 
  saveCode(code) 
  style= 
  "border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;" 
  value= 
  "另存代码" 
  οnclick= 
  "saveCode(runcode3)" 
  > 
  
 
  提示：您可以先修改部分代码再运行  
  </div>
</form>
<br> 
 