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成功更新5.3,解决无法在线更新,手动更新后编辑器无法使用等问题

    今天125网页设计升级了网站主题,发现后台无法使用了,问了售后说是要wordpress5.0以上版本才支持。 于是开始升级wordpress黑暗的一天到来了…… WordPress 5.3 正式版于北京时间2019年11月13日 发布 在线升级wordpress,先后遇到各种问题,耗时一天才解决,也给升级wordpress 5.3的朋友们分享,避免掉进各种坑…

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

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

    2020年11月24日 Wordpress
    4.8K0
  • WordPress无插件实现边栏小工具调取一周热门,一月热门文章

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

    2018年2月5日
    4.9K0
  • WordPress非插件自动为网站关键词添加链接

    给文章中相关关键词添加链接,可以加强内链建设,有利于SEO,实现上述功能一般我们会通过安装插件来实现,比如:WP Keyword Link和SEO Smart Link等。插件多了对wordpress速度影响很大,今天给大家分享不用插件自动为网站关键词添加链接的方法。

    2018年2月5日
    3.1K0
  • 2句代码完美解决wordpress网站更改域名后无法访问(已验证)

    域名过期了,也不再想做那个wordpress网站,但是网站有些内容还有用,想访问网站,无法访问。 从网上看了很多帖子,大多数是让你修改wordpress数据库。修改wordpress数据库,125网页设计推荐不熟悉数据库的朋友修改,网上有些帖子也不一定正确,修改数据库,还是要格外小心,以防止数据出错,那就得不偿失了。 今天小编给大家分享一个非常简单的方法,2…

    2020年2月11日
    4.2K0
  • 超简单!2种方法修改WordPress后台管理员登陆地址?

    WordPress后台管理员登陆地址默认有两个: 是域名后面跟/wp-login.php。 是域名后面/wp-admin/。 WordPress网站默认都是这样,存在很大的威胁。 不少网站管理员想办法修改后台登陆地址。125网页设计分享两个修改WordPress后台管理员登陆地址的方法。 是修改 functions.php文件 使用插件 修改WordPres…

    2018年12月25日
    13.1K0

发表回复

登录后才能评论

评论列表(1条)

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

    终于找到正常用的了,