WordPress在线代码运行插件下载及:RunCode 集成编辑器按钮

在编程网站经常看到文章给出代码示例,我们可以点击运行代码,可以查看代码运行结果,还可以修改部分代码后运行,给用户带来非常好的体验。
如下图:






html5文件


这是www.125jz.com提供的html5文件代码示例

这种“运行代码、复制代码、另存为代码的运行框,在wordpress中如何实现?

一种是不用插件的方法,需要下载run-code-OL.js文件,并修改主题目录 的functions.php,添加一些代码。然后在HTML模式下,输入[code]你要插入的代码[/code]即可。

优点:无需插件

缺点:“[code]你要插入的代码[/code]”这种引用方式和一些代码高亮插件有冲突。

今天125建站网给大家推荐一款插件:RunCode by Soncy

这个插件可以在线运行代码,插件虽然老,不过支持最新wordpress版本

  1. 下载该插件后,安装并启用。
  2. 在文章编辑界面HTML模式下使用,点击“运行代码”按钮,然后把插入的代码里面的相应文字替换成自己的代码就行了。

WordPress在线代码运行插件下载及:RunCode 集成编辑器按钮

<runcode width="590" height="350" size="12">代码</runcode>

提示:RunCode插件下载地址已隐藏,请发表评论后查看!
文件名称:runcode.zip   文件大小:33.2KB

点击下载

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/540.html

(2)
江山如画的头像江山如画管理团队
上一篇 2018年1月21日 下午2:23
下一篇 2018年1月23日 上午7:57

99%的人还看了以下文章

  • WordPress更换域名的操作方法

    WordPress搭建的站点在更换域名后,是要进行一定的域名替换操作后才可以正常访问的,因为WordPress在初次安装时,会把网站的域名存入到数据库中保存,而且,有些相关的自定义设置、后台上传的文章图片地址信息等也是通过绝对路径保存在数据库中的。有时,我们可能会碰到更换域名,或者要使用现有数据搭建一个新的站点的情况,这时,我们就需要进行新旧域名的替换操作,…

    2021年5月1日
    2.4K0
  • WordPress网站error establishing a database connection错误原因及解决方法

    WordPress网站经常遇到error establishing a database connection错误。 这是一种建立数据库连接时的错误。 error establishing a database connection出现现象: 站长们根本什么都没动,突然间就出现了error establishing a database connection…

    2019年10月4日
    2.4K0
  • WordPress修改上传文件大小限制和允许上传的附件格式

    WordPress的媒体文件上传大多数只允许上传2MB。如果是图片的话可能会还够用,但是如果是音频和视频文件就不一定够用了。 而且WordPress支持上传的文件格式有几十种,基本上常见的文件格式都支持,但我们常用的.rar压缩包格式竟然不支持上传。 今天125建站网给大家分享:WordPress修改上传文件大小限制和增加允许上传的附件格式。 如果所在的服务…

    2018年2月21日
    3.2K0
  • wp-seccode:WordPress 回复、评论验证码插件

    安装完wordpress,运行一段时间发现垃圾评论及恶意攻击铺天盖地而来,特别是那些评论机器人的狂轰烂炸,一天要删除近百条垃圾评论,晕死。 中国网页设计从网上找了很多验证码插件,都不是太理想,最后选择了简单的wp-seccode,分享给大家。 安装使用方法: 1、下载wp-seccode插件 2、把插件通过FTP上传到网站空间中的wp-content/plu…

    2018年9月22日
    6.1K1
  • 怎么在本地搭建wordpress网站服务器环境(图文教程)精

    WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。 当然,在自己的电脑上也是可以安装,先搭建一个属于自己的网站后台进行练手。 本地搭建wordpress网站服务器环境分为以下三种方式: 1.通过phpStudy搭建wordpress网站 2.Windows环境下通过WampServer软…

    2020年11月24日 Wordpress
    4.0K0
  • WordPress“无法将上传的文件移动至wp-content/uploads/”

    今天手机521网站上传图片,无法上传,提示“WordPress“无法将上传的文件移动至wp-content/uploads/”。看图片名称是从网上另存为的带中英文及一长串字符,我改了下文件名,改为小米note3.jpg,不再提示WordPress“无法将上传的文件移动至wp-content/uploads/”,但上传之后无法预览图片,如下图 点击媒体库的图片…

    2018年2月11日
    4.7K0

发表回复

登录后才能评论

评论列表(1条)