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

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

Tips:You can change the code before run.

这种“运行代码、复制代码、另存为代码的运行框,在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)
江山如画的头像江山如画管理团队
6个方面判断一个人是否具有管理的潜力
上一篇 2018年1月21日 下午2:23
雨泽字造作品选(精)- 125建站网1月特推!
下一篇 2018年1月23日 上午7:57

99%的人还看了以下文章

  • WordPress如何设置登陆后才可查看内容或下载文件

    为了吸引老用户,提供优质资源,很多网站有些好的内容需要登陆后查看,如网页特效中有些精美的特效,需要用户登陆后才可以下载,这也是鼓励用户注册网站的方法之一。 WordPress如何设置登陆后才可查看内容或下载文件? 利用WordPress 简码(shortcode)来实现。 进入wordpress管理后台,外观-编辑打开主题的 functions.php,在最…

    2018年8月2日
    11.3K0
  • WordPress 批量将文章从一个目录转移到另外一个目录的方法

    1.WordPress自带的批量编辑 在仪表盘中点击“所有文章”,选择要编辑的文章后,选择“编辑”,应用之后就会出来批量编辑的界面,可以编辑文章的分类、标签、作者、状态等等。 如果文章比较多的话,可以通过修改wp-admin/includes/目录下的post.php文件,来改变页面中显示的文章数量(默认是15篇):将下来代码中的15改成你想要的数字即可,当…

    2019年9月25日
    11.6K0
  • 精!WordPress发布文章提示此响应不是合法的JSON响应(已解决)

    在WordPress后台编辑发布文章时,提示“此响应不是合法的JSON响应”,文章无法发布。 百度搜索有很多文章让从以下4个方面检查问题 1.Rest API的问题 2.伪静态的问题 3.系统镜像问题 4.SSL 转换问题 但是,以上情况,都没有解决“此响应不是合法的JSON响应” 重启服务器,换wordpress主题都没有解决“此响应不是合法的JSON响应…

    2022年11月21日
    6.0K0
  • WordPress修改上传文件大小限制和允许上传的附件格式

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

    2018年2月21日
    9.3K0
  • WordPress无插件实现边栏小工具调取一周热门,一月热门文章

    热门文章是指某段时间内评论最多的文章,关注最多的文章。在边栏中显示热门文章,可以方便读者阅读,吸引用户。 WordPress中我们可以通过插件来实现,但过多的插件会影响我们的网站速度,125建站网教给大家使用自定义函数来实现,代码非常简单哦! 一、在 functions.php添加以下代码 /* 某段时间内最热文章 */ function most_comm…

    2018年2月5日
    8.6K0
  • 最新版WordPress如何移除头部多余信息

    最新版WordPress如何移除头部多余信息,WordPress版本不同,你可以在你网站首页右键查看源代码,根据需要添加移除代码!

    2018年2月13日
    12.9K0

发表回复

登录后才能评论

评论列表(1条)

  • w1248153523的头像
    w1248153523 2018年6月16日 下午1:00

    终于找到正常用的了,