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“无法将上传的文件移动至wp-content/uploads/”

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

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

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

    2020年2月11日
    3.5K0
  • 如何禁止百度收录wordpress网站标签tags页面

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

    2019年10月5日
    3.9K0
  • 超简单!2种方法修改WordPress后台管理员登陆地址?

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

    2018年12月25日
    11.5K0
  • wordpress网站图片防盗链设置方法

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

    2018年12月27日
    3.3K0
  • WordPress网站迁移教程(更换网站空间)

    在WordPress建站过程中,由于种种原因,都有可能遇到WordPress网站数据迁移的时候,对于不了解网站维护的站长来说,这个网站迁移过程就显得有些无从下手了。不要怕,其实并没有多复杂,通过本文的讲解后,你就可以完全清晰地动手解决WordPress数据迁移服务器的问题了。 搞清网站迁移的状态和内容 一般迁移网站有2种情况:(以A站为旧站,B站为新站为例介…

    2021年5月1日
    2.6K0

发表回复

登录后才能评论

评论列表(1条)