WordPress加入短代码运行框(运行代码复制代码清空代码无插件)

WordPress加入短代码运行框(运行代码复制代码清空代码无插件),第1张

概述很多朋友可能经常在一些网站上看到类似于“运行代码、复制代码、清空代码、另存为代码的静态代码运行框,直接点击运行就能实施的查看效果,给访客带来了非常好的体验,WordPress也可以做到,接下来介绍如何实现,感兴趣的朋友可以了解下

很多朋友可能经常在一些网站上看到类似于“运行代码、、清空代码、另存为代码的静态代码运行框,直接点击运行就能实施的查看效果,给访客带来了非常好的体验。 wordpress也不例外,同样可以加入短代码运行框,效果图如下:

方法非常简单: 第一步:下载 run-code-ol.Js 文件,上传至服务器。 第二步:在主题目录的functions.PHP适当位置添加如下代码: <div ID="PHPcode7"> /*添加可运行代码框/ function textarea($atts,$content = null) { return '<script src="http://blog.haitianhome.com/wp-content/themes/prowerV3.1/run-code-ol.Js" _fcksavedurl=""http://blog.haitianhome.com/wp-content/themes/prowerV3.1/run-code-ol.Js"" type="text/JavaScript" charset="utf-8"> ';} add_shortcode("code","textarea");

总结

以上是内存溢出为你收集整理的WordPress加入短代码运行框(运行代码/复制代码/清空代码无插件)全部内容,希望文章能够帮你解决WordPress加入短代码运行框(运行代码/复制代码/清空代码无插件)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zz/1029404.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存