HTML
CSS
JavaScript
editor
Brackets

Bracketsの7つ道具的エクステンション Brackets Tools

More than 3 years have passed since last update.


Brackets Toolsとは

Bracketsのエクステンションの1つで、これを入れるだけでコーディングやプログラミングが捗る様々な機能が使えます。

派手なものではありませんが、どれも使えると何気に便利なものばかりですので、ぜひ試してみてください。

それぞれ、GIFアニメで解説して参ります。

エクステンション公式GitHub

基本的な使い方

他のエクステンション


機能紹介

一部を除き、各機能へはメニューバーの「Tools」またはエディタ欄で右クリックでアクセス出来ます。


空白行の削除

英名:Remove Empty/Blank Lines

removeEmpty.gif


改行の削除

英名:Remove Break Lines

removeBreak.gif


行頭の連番を削除

英名:Remove line numbers

removeLineNumbers.gif


重複行の削除

英名:Remove duplicate lines

removeDuplicate.gif


単語リストを配列に変換

英名:Word To Array

→1行内のスペース区切り、または複数行の改行区切りに対応

wordToArray.gif


単語リストをulリストに変換

英名:Word To List

→1行内のスペース区切り、または複数行の改行区切りに対応

wordToList.gif


Line To List

Word To Listと違いがよく分かりませんでした。


HTMLタグの消去

英名:HTML Tag Remove/Strip

removeHtml.gif


トリム

英名:Trim

trim.gif


Left Trim

動作未検証


Right Trim

動作未検証


先頭からX文字削除

英名:First x Char Remove

firstXchar.gif


末尾からX文字削除

英名:Last x Char Remove

lastXchar.gif


単語を小文字化、ハイフン区切りに

英名:To SEO URL

toSEOURL.gif


大文字に変換

英名:To Upper Case

toUpperCase.gif


小文字に変換

英名:To Lower Case

toLowerCase.gif


単語の1文字目を大文字に変換

英名:To Title Case

toTitleCase.gif


HTMLエンコード

英名:HTML Encode

htmlEncode.gif


HTMLデコード

英名:HTML Docode

htmlDecode.gif


URLエンコード

英名:URL Encode

encodeURL.gif


URLデコード

英名:URL Decode

decodeURL.gif


新規HTML5ファイルを開く

英名:New HTML5 Template

→ファイル>New HTML5 または サイドバーの空白をダブルクリック

newHtml.gif


同じ単語をハイライト

英名:Highlight Word Selection

→表示>Highlight Selected Word

hilightWords.gif