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网站图片防盗链设置方法

    1.虚拟主机防盗链设置方法 网站图片防盗链,如果用的虚拟主机,网站空间管理后台会有防盗链的设置,一键点击就可以了。 如下图: 2.wordpress插件图片防盗链设置方法 下载WordPress Hotlink protection plugin插件,并安装。安装插件后,可以进入插件设置页面。 可以在该插件后台设定要保护图片的路径,如wp-content/u…

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

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

    2019年9月25日
    3.2K0
  • WordPress非插件自动为网站关键词添加链接

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

    2018年2月5日
    1.7K0
  • wordpress升级更新失败怎么办?10秒更新升级wordpress(必备)

    无法更新升级wordpress新版本,更新错误。10秒让你的wordpress升级更新!

    2022年3月20日
    8360
  • 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.2K0
  • WordPress更换域名的操作方法

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

    2021年5月1日
    2.2K0

发表回复

登录后才能评论

评论列表(1条)