ブログカスタマイズ

Sublime Text 3でHTMLタグを除外して文字数を数える方法

投稿日: 投稿者:

文字数を数える方法についての解説記事のアイキャッチ画像

皆さんはブログの記事を書く際、どのテキストエディタを使っていますか?

WordPressを使っているブロガーなら、WordPressのエディタを使っている方が多いのでしょうか。

HTMLやCSSを本格的に弄らないのであれば、WordPressのエディタでも機能的には十分です。しかしWordPressのエディタは使いにくいと感じるんですよね、個人的には。

筆者はSublime Text 3というテキストエディタで記事を書いています。本来はプログラミング向けのエディタですが、日本語で記事を書くのにもかなり使えるエディタです。

ただデフォルトのSublime Text 3は、文字数をカウントする機能にやや難があります。WordPressのエディタはHTMLタグとして書かれている文字列は除外して文字数をカウントしてくれますが、Sublime Text 3はHTMLタグも文字として数えてしまうのです。

コーディングが目的ならそれで構わないでしょうけれども、日本語でブログ記事を書くのであれば、HTMLタグを除外して数えた文字数を知りたいですよね。

そこでパッケージと呼ばれるプラグイン機能を利用して、HTMLタグを除外して文字数を数える方法を解説します。

スポンサーリンク

Sublime Text 3で文字数を数える方法

Sublime Text 3には標準で文字数をカウントする機能が備わっているので、ファイルに書かれている文字数を単純に数えるだけなら簡単です。

例えば特定の行の文字数を数えたいなら「Ctrl」+「L」で任意の行を選択してください。ファイル内の全文字数を数えたいなら「Ctrl」+「A」です。もちろんマウスでカーソルを動かしてドラッグしても構いません。

範囲選択した状態でSublime Text 3のウインドウ左下を確認すると、数字とcharacters selectedという文字が表示されているはずです。

Sublime Text 3で文字数を数える方法

これが選択範囲の文字数を表しています。

ただデフォルトのままだと、HTMLタグも含めて文字数をカウントしてしまいます。

HTMLタグも含めた文字数をカウントする

単純に文字数を数えるだけならこれでも良いのですが、ブログに訪れた読者は修飾目的で記述されたHTMLタグを読むことはありませんよね。なのでブログ記事の文字数を数える場合は、ブラウザ上に表示される文字の数だけをカウントしたいはずです。

そこで役に立つのがWordCountというパッケージ、プラグイン機能です。

WordCountを設定すれば、選択範囲に含まれているHTMLタグを自動的に除外して文字数を数えてくれます。

WordCountの設定方法

「Ctrl」+「Shift」+「P」でコマンドパレットを呼び出したら、Package Control: Install Packageを選択してWordCountをインストールします。

インストールするだけで基本的な機能は有効化されますが、デフォルトのままだと語数を数えられるようになるだけです。

語数をカウントする

ちなみに語数は改行やスペースが含まれているかどうかで判定しているため、まったくスペースを含んでいない日本語の1文はまとめて1語、1 Wordとカウントされます。

HTMLタグを除外して文字数を数えるためには、WordCountのユーザー設定を変更しないといけません。

WordCountのユーザー設定を変更する方法

WordCountの設定変更方法

WordCountの設定を変更するには、メニューの基本設定→Package Settings→WordCountを開いていきます。

そしてSettings – Defaultの中身をSettings – Userにコピペして、これを編集します。

と言っても、修正する項目は1つだけです。falseになっている”enable_count_chars”をtrueに書き換えて保存してください。

この状態でHTMLファイルを開くと、選択範囲にHTMLタグが含まれていても自動的に除外して文字数を数えてくれます。

HTMLタグを除外してカウントする

例えば上記の画像なら選択範囲には全部で34文字(34 characters)が含まれていますが、HTMLタグを除外した17文字(17 Chars)もカウントされていますね。

これでブラウザ上に表示される文字数だけを簡単に数えることが可能です。

ちなみにこの設定では実際に存在するタグでなくても、<>とその中に含まれている文字はすべてカウントされないようになっています。他にも”strip”の項目を書き換えれば、任意の文字列を除外して数えることが可能です。

正規表現の知識が必要になりますが、理解すると簡単なので興味がある方はググってみてください。

まとめ

単純にSublime Text 3で文字数を数えるだけなら非常に簡単で、範囲選択するだけで文字数が表示されます。

ただしこのままだとHTMLタグも含めてカウントしてしまうので、HTMLタグを除外、つまりブラウザ上に表示される文字だけをカウントしたいのであれば、WordCountというパッケージを利用しましょう。

WordCountを設定すれば、HTMLタグを含めて数えた文字数と除外して数えた文字数の両方が表示されます。

数少ないであろう、Sublime Text 3で記事を書いているブロガーやライターの方々の参考になれば幸いです。。

-ブログカスタマイズ


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

ブログ 開設

ブログの開設と作成方法を初心者向けに解説!WordPressでの始め方

初心者の頃ブログを作るっていうと、「無料ブログでいいじゃん!」「WordPressなんて難しいの使わなくても、FC2とか…もっと初心者向けなブログあるでしょ?」と思う人が多いかもしれません。 確かに無 …

h2などの見出し前後の行間隔・余白をmarginとpaddingで調整【WordPress】

h2やh3などの見出しの前後の間隔(余白のスペース)がなんとなく詰まってるなぁor開きすぎてるなぁ…という時に使える、スペース間隔を自由に調整する方法をご紹介します。 このブログではWordPress …

STINGER8 新着記事 非表示

STINGER8のトップページで新着記事を非表示にする方法!易しい条件分岐

ブログをやってると、ここをもっとこうしたい~とか自分好みにカスタマイズしたくなってきますよね! でもそれって難しそう…? 今回は、まずブログカスタマイズの中でも簡単な部分から変えてみることにしましょう …

Akismet 設定

Akismetの設定は簡単!WordPressのスパム対策に必要なプラグイン

一生懸命作ったサイトに大量のスパムコメント…、そんな嫌な思いをしないで済むために、「Akismet Anti-Spam(アンチスパム)」のプラグインを使うのをおすすめします。 設定しておくと、自動でス …

文字マーカー 蛍光ペン

文字マーカーのつけ方!色や太さも変更可能!WordPressでHTMLとCSSの編集

蛍光ペンみたいな可愛い文字マーカーをつけてみたい! こんなのとか。 こんなのとか。 WordPressで自分好みの色や太さの蛍光ペン風マーカーがつけられます☆ わたしも最初はCSSとか訳が分からなかっ …