花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊(cè) 退出 找回密碼

dedecms編輯器中增加代碼運(yùn)行框

時(shí)間： 2018-11-23 08:36 閱讀： 次 作者：素材無憂網(wǎng)

首先我們要知道這樣的“代碼框”的代碼是什么？只要你找到了這個(gè)代碼，我想你在修改模版的時(shí)候就會(huì)覺得不再是那么的困難了。我這里有一個(gè)簡(jiǎn)單的“運(yùn)行代碼框”的代碼，發(fā)出來給大家分享：

 

運(yùn)行代碼框的源代碼如下： （你可以先復(fù)制下面的代碼，到本地進(jìn)行測(cè)試活運(yùn)行。）

  1. <script language="javascript" type="text/javascript">
  2. function copycode(obj) {
  3. var rng = document.body.createTextRange();
  4. var obj1=document.getElementById(obj)
  5. rng.moveToElementText(obj1);
  6. rng.scrollIntoView();
  7. rng.select();
  8. rng.execCommand("Copy");
  9. rng.collapse(false);
  10. }
  11.  
  12. function runCode(obj) {
  13. var winname = window.open('', "_blank", '');
  14. var obj1=document.getElementById(obj)
  15. winname.document.open('text/html', 'replace');
  16. winname.opener = null // 防止惡意修改
  17. winname.document.writeln(obj1.value);
  18. winname.document.close();
  19. }
  20. function saveCode(obj) {
  21. var winname = window.open('', '_blank', 'top=10000');
  22. var obj1=document.getElementById(obj)
  23. winname.document.open('text/html', 'replace');
  24. winname.document.writeln(obj1.value);
  25. winname.document.execCommand('saveas','','現(xiàn)代視覺創(chuàng)意聯(lián)盟.htm');
  26. winname.close();
  27. }
  28. </script>
  29. <textarea cols="80" rows="20" name="code" class="code_texear">
  30. </textarea>
  31. <div class="editbox"><input class="code_input" onclick="runCode('code')" type="button" value="運(yùn)行代碼" /> <input class="code_input" onclick="copycode('code')" type="button" value="復(fù)制代碼" /> <input class="code_input" onclick="saveCode('code')" type="button" value="另存代碼" /> <b>提示：您可以先修改部分代碼再運(yùn)行或者直接保存</b> </div>
  32. </div>

 

知道了這個(gè)代碼就好辦了，現(xiàn)在我們要做的就是來修改模版的代碼，大家都知道文章頁模版是article_article.htm。下面我們要做的就很簡(jiǎn) 單，但是我要提示你：最好重新在templets/default下新建一張頁，名字叫什么都可以，這里我就新建成code.htm，再次把 article_article.htm文件使用右鍵-->記事本打開，把里面的所有代碼拷貝到剛才新建的頁面code.htm中并保存，然后在 code.htm的<head></head>之間加上上面我們提過的源代碼中的腳本部分代碼。如下： （如果你所做的站全部是一樣的“代碼運(yùn)行”風(fēng)格，你可以不用建立code.htm文件，直接在article_article.htm中修改，只不過要首 先備份好article_article.htm文件）

版權(quán)聲明： 本站資源均來自互聯(lián)網(wǎng)或會(huì)員發(fā)布，如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系，我們將在24小時(shí)內(nèi)刪除！謝謝！

轉(zhuǎn)載請(qǐng)注明： dedecms編輯器中增加代碼運(yùn)行框

標(biāo)簽：  
相關(guān)文章
模板推薦