DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 仿DW8代碼折疊的HTML編輯器
仿DW8代碼折疊的HTML編輯器
編輯:Dreamweaver相關     

測試版(僅支持ie5.5+,且一個頁面裡只能放一個)
收集意見

功能:
1.動態分析,智能折疊,ctrl+Enter強制重建
2.tab鍵輸出兩個空格(若選區為多行,各行前加入兩空格,同時按shift鍵反之),Ctrl+T替換\t為倆空格
3.回車自動縮進
4.Ctrl+W預覽

限制:
1.取消了右鍵菜單(復制剪切粘貼可使用鍵盤)
2.暫不支持文本拖放
3.Ctrl+Z將撤銷所有操作
4.塊起止測試並不嚴格,且未考慮vbscript
5.運行效率有待改進

<style>
body{
  text-align:center;
  }
#oTxt,#oBox{
  height:440px;
  border:none;
  border:1px solid #666666;
  }
#oTxt{
  width:740px;
  color:#333333;
  background-color:#f0f0f0;
  font-family:verdana;
  font-size:11px;
  line-height:13px;
  margin-left:16px;
  overflow:auto;
  border-left:none;
  scrollbar-arrow-color:#666666;
  scrollbar-base-color:#666666;
  scrollbar-darkshadow-color:#f0f0f0;
  scrollbar-face-color:#f0f0f0;
  }
#oBox{
  position:absolute;
  width:15px;
  overflow-y:hidden;
  background-color:#e0e0e0;
  padding-top:1px;
  margin-top:1px;
  padding-bottom:19px;
  border-right:none; 
  }
</style>
<script>
/*
  測試版(僅支持ie5.5+,且一個頁面裡只能放一個)
  收集意見
 
  功能:
  1.動態分析,智能折疊,ctrl+Enter強制重建
  2.tab鍵輸出兩個空格(若選區為多行,各行前加入兩空格,同時按shift鍵反之),Ctrl+T替換\t為倆空格
  3.回車自動縮進
  4.Ctrl+W預覽
 
  限制:
  1.取消了右鍵菜單(復制剪切粘貼可使用鍵盤)
  2.暫不支持文本拖放
  3.Ctrl+Z將撤銷所有操作
  4.塊起止測試並不嚴格,且未考慮vbscript
  5.運行效率有待改進
*/
window.onload=function(){
  oBox.mLine="http://free.txd.cn/mozart0/img/line.gif";
  oBox.mPlus="http://free.txd.cn/mozart0/img/plus.gif";
  oBox.mMinus="http://free.txd.cn/mozart0/img/minus.gif";
  oBox.mEnd="http://free.txd.cn/mozart0/img/end.gif";
  oBox.isPlus=function(o){
    return /plus\./.test(o.src);
    }
  oBox.isMinus=function(o){
    return /minus\./.test(o.src);
    }
  oBox.isLine=function(o){
    return /line\./.test(o.src);
    }
  oBox.isEnd=function(o){
    return /end\./.test(o.src);
    }
  oBox.childrenVisible=function(index){
    var t=this.children[index];
    while(t.style.display=="none")
      t=t.nextSibling;
    var x=t.offsetTop/t.height;
    while(x<index){
      t=t.nextSibling;
      if(t.style.display!="none")
        x++;
      }
    return t;
    }
  oBox.hideBlock=function(index){
    var n=1,x=1;
    var c=this.children;
 &nb

12345678下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved