在编程网站经常看到文章给出代码示例,我们可以点击运行代码,可以查看代码运行结果,还可以修改部分代码后运行,给用户带来非常好的体验。
如下图:
这是www.125jz.com提供的html5文件代码示例
这种“运行代码、复制代码、另存为代码的运行框,在wordpress中如何实现?
一种是不用插件的方法,需要下载run-code-OL.js文件,并修改主题目录 的functions.php,添加一些代码。然后在HTML模式下,输入[code]你要插入的代码[/code]即可。
优点:无需插件
缺点:“[code]你要插入的代码[/code]”这种引用方式和一些代码高亮插件有冲突。
今天125建站网给大家推荐一款插件:RunCode by Soncy
这个插件可以在线运行代码,插件虽然老,不过支持最新wordpress版本
- 下载该插件后,安装并启用。
- 在文章编辑界面HTML模式下使用,点击“运行代码”按钮,然后把插入的代码里面的相应文字替换成自己的代码就行了。
<runcode width="590" height="350" size="12">代码</runcode>
提示:RunCode插件下载地址已隐藏,请发表评论后查看!
文件名称:runcode.zip 文件大小:33.2KB
125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/540.html
评论列表(1条)
终于找到正常用的了,