.css() dedecms制作Html+Css代码运行框jQuery版

软件教程 2024-02-01 00:00:08

该文如是说

网路上的标识符运行框标识符称得上较为多的了,就行了搜寻呵呵都一堆的,但没找出一最合适的,多于他们提心吊胆两个单纯的,注责任编辑如是说的方式须要提及jquery库

主页在dedecms模版中导入jquery文档,假如没你能去jquery官方网站浏览

在dedecms模版中加进

拷贝01<script src="http://static.qmtx3.com/qmtx3static/jquery1.7.2.js"type="text/javascript"></script>02<script type="text/javascript">03 $(function(){04 $(.runHtml).each(function(index, element){05 $(this).after(<textarea class="runHtmlTextarea" style="width:80%; min-height:150px; padding:10px; border:solid 1px #ccc; clear:both; display:block;">+ $(this).html()+</textarea><p><input type="button" class="runHtmlBtn" value="运行"> <i class="runHtmlTips">你能修改标识符后再运行查看结果!</i></p>)06});07 $(div).delegate(.runHtmlBtn,click,function(){08var newwin=window.open(about:blank);09newwin.document.write($(this).parent().prev().val());10});11});12</script>

标识符事例:

本dedecms标识符框制做方式

源标识符如下:

拷贝1<divclass="runHtml">2dedecms标识符框制做方式,3</div>

标识符说明:这段标识符会将页面中class里包含runHtml样式的层全部变成标识符运行框,如上面标识符会把.runHtml这个div变成textarea标识符运行框,可能有的朋友会问为什么不直接用textarea而用div,其实这点是出于对seo搜寻引擎优化来做的,因为textarea里的内容蜘蛛是不会去抓取的,由于技术类文章标识符段所占的篇幅较为大,有些可能整篇可能就是标识符。

该方式并没什么技术含量,唯一一点好处就是两个页面能很方便的实现多个标识符运行框,常见的标识符运行框一般有拷贝,另存为功能,由于JS的拷贝功能兼容性并不友好,假如你想提心吊胆拷贝功能能从swf实现入手,至于另存为的功能织梦58也不知道怎么做好兼容性,希望知道的朋友留言告知

PS:织梦版dedecms标识符运行框jQuery就说到这里吧,希望能方便大家使用,另望高手能如是说美观漂亮、功能完善的标识符运行框给织梦

发表回复