易语言伪原创源码(织梦58版dedecms代码运行框代码算是框怎么用)

　　易语言伪原创源码(织梦58版dedecms代码运行框代码算是框怎么用)

　　文章简介

　　网上的代码运行框中的代码挺多的，可以搜索很多，但是没有找到合适的。我不得不自己折腾一个简单的。注意本文介绍的方法需要引用jquery库。

　　首页介绍了dedecms模板中的jquery文件，没有的话可以到jquery官网下载

　　在 dedecms 模板中添加

01

02

03

$(function() {

04

$('.runHtml').each(function(index, element) {

05

$(this).after(&#39;&#39; + $(this).html() + &#39;<p> 你可以修改代码后再运行查看结果！&#39;)

06

});

07

$(&#39;div&#39;).delegate(&#39;.runHtmlBtn&#39;, &#39;click&#39;,function(){

08

var newwin = window.open(&#39;about:blank&#39;);

09

newwin.document.write($(this).parent().prev().val());

10

});

11

});

12

</p>

　　代码示例：

　　如何制作这个dedecms代码框，由织梦58 织梦58制作

　　源代码如下：

1

2

本dedecms代码框*敏*感*词*法，由织梦58 www.dede58.com 织梦58制作

3

　　代码说明：此代码将页面类中所有收录runHtml样式的图层变成一个代码运行框。比如上面的代码会把.runHtml div变成textarea代码运行框。有的朋友可能会问为什么不直接使用 div 而不是 textarea 。其实这是为了seo搜索引擎优化做的，因为textarea里面的内容蜘蛛是不会爬的，因为技术代码文章占用了很多空间，有的可能是整段代码。

　　这种方法技术含量不高。唯一的好处就是一个页​​面可以轻松实现多个代码运行框。常见的代码运行框一般都有复制和另存为功能。因为JS复制功能兼容性不友好，如果想折腾复制功能，可以先从swf的实现入手。至于另存为织梦58的功能，不知道兼容性怎么做。如果你想知道，请留言。

　　PS：织梦58版dedecms代码运行框jQuery，到此为止吧，希望方便大家使用，也希望高手能介绍下漂亮又好用的代码运行框至 织梦58 3Q -_-