WordPress退出短代码运转框(运转代码/复制代码/清空代码无插件)

很多冤家可能常常在一些网站上看到相似于“运转代码、复制代码、清空代码、另存为代码的动态代码运转框,间接点击运转就能施行的查看成果,给访客带来了十分好的体验。
WordPress也不例外,同样能够退出短代码运转框,成果图如下:

办法十分简略
**步:下载 run-code-OL.js 文件,上传至效劳器。
第二步:在主标题录的functions.php适当地位增加如下代码:
 
/**增加可运转代码框*/
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"></script>
<form>
<p align="center">
<textarea id="code" style="width:555px;height:255px;" cols="80" rows="15">'.$content.'</textarea>

<input type="button"onclick=runCode(code) value="运转代码" style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;">
<input type="button"onclick=copycode(code) style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"value="复制代码" onclick="copycode(runcode3)">
<input type="button"onclick=saveCode(code) style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"value="另存代码" onclick="saveCode(runcode3)">
<br/>提醒:能够先修正局部代码再运转 <span style="color:#ff0000">留意:如需评论后运转请从新刷新页面</span></p>
</form>
';}
add_shortcode("code", "textarea");

应用办法
在HTML模式下,输出code你的代码/code
code两则加"["、"]"

以上就是安达网络工作室关于《WordPress加入短代码运行框(运行代码/复制代码/清空代码无插件)》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: 短代码 运行框 复制代码 WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress建站有哪些劣势

  你还没决议应用什么软件来构建你的新公司网站吗? 依然以为WordPress只是搭建博客吗? 在互联网上有大约2...

wordpress在postname中支持大写字母的办法

普通而言,WordPress自身会对英语用户的体验进行优化,例如默许模板的分隔符永远都是&ldquo;|&rdquo;,由于...

在wordpress文章末尾增加内容的简略办法

1、修正文章页面模板single.php关上模版文件中的single.php,在其中搜寻在这行上面加上:复制代码代码如下:...

详解WordPress开发中wp_title()函数的用法

wp_title 函数在 WordPress 中是用来显示文章、页面、分类等等等等题目的一个函数,但在首页索引,该函数将...

改善WordPress 页面Title组织形式,让你的文章更容易被蜘蛛收录

在网上找了很多文章 竟然到了改函数的水平.. 集体以为模板干的事件干嘛还要改函数啊 所以钻研下WP 题目的 函...

WordPress 完成文章评论排行榜

用到了WordPress性能函数Query_post()的一种初级用法,就是获取本周或当月或最近30天评论最多的肯定数量的日...

需求提交

客服服务