很多時候我們會遇到調整HTML 結構，可能是在某段html 標籤外層多包個 <div> 或其他標籤，
因為同事也有同樣的需求，故筆記一下...
應用的情境很簡單，不過就是要在某段 html 區間外，再多加上 <div> 包覆或其他，有人會想說
不過就是前面先新增 <div> 後面在弄個 </div>，這樣就包起來了；但有時要被包覆的html 結構
太長或是眼力不好造成容易失誤，以下幾個方式
首先確認 column selection mode 為「關閉」，以下是關閉
然後來到你要包覆的HTML，先選取
然後按下 ctrl + shift + p，此時上方會彈出快速輸入視窗
輸入 wra 前綴詞，選取第一個 wrap with abbreviation 項目，或快速按下 「enter」
此時就會請你輸入要包覆的文字
這時輸入 div
此時下方的 html 就是即時連動檢視
確認後按下enter，就會實際插入元素
參考
沒有留言:
張貼留言