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)
江山如画的头像江山如画管理团队
上一篇 2018年1月21日 下午2:23
下一篇 2018年1月23日 上午7:57

99%的人还看了以下文章

  • WordPress更换域名的操作方法

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

    2021年5月1日
    2.6K0
  • WordPress如何设置登陆后才可查看内容或下载文件

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

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

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

    2018年2月5日
    4.7K0
  • 如何禁止百度收录wordpress网站标签tags页面

    百度收录了网站的很多tags页面,比栏目还多,有些tags页面下面就一篇文章,想禁止百度收录网站标签tags页面,怎么做? 如下图: 怎么阻止百度收录这些标签? 这是个wordpress搭建的网站,其他网站一样。 可以用robots来禁止抓取。 不过125建站网不建议你把tag标签全给屏蔽掉,因为tag页面在某种程度上可以帮你分析出网站的结构,是有利于SEO…

    2019年10月5日
    4.3K0
  • 怎么在本地搭建wordpress网站服务器环境(图文教程)精

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

    2020年11月24日 Wordpress
    4.5K0
  • wp-seccode:WordPress 回复、评论验证码插件

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

    2018年9月22日
    6.8K1

发表回复

登录后才能评论

评论列表(1条)

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

    终于找到正常用的了,