<p class="thumb"><img src="http://web-marketing.zako.org/images/2011/02/notebook-pro.jpg" alt="起動も軽快なHTMLエディターを使えるChrome拡張機能" title="notebook-pro" width="514" height="204" class="aligncenter size-full wp-image-17251" /></p>
<p>ブログやサイトを作成・編集していて、リッチエディターを使っているなら良いのですが、そうではない場合、リストなどのHTMLタグをサクっと作りたいなんてこともありますよね。</p>
<p>そうなると、大抵HTMLエディターのソフトを別に起動させたりすることになるので、少し面倒です。</p>
<p>今回は、そんな状況ですぐさまHTMLエディターを使えるようにするChrome拡張機能をご紹介します。</p>
<!--more-->
<h3 class='header-label'>起動も軽快なHTMLエディターを使えるChrome拡張機能</h3>
<p>「<a class='web-site-link' href="https://chrome.google.com/webstore/detail/elkgcninebemfhajfhmiffbndloiacbe" target="_blank">NoteBook Professional</a>」は、<strong>ボタンを押すと、すぐさま使えるHTMLエディター機能をGoogle Cromeに搭載できる</strong>拡張機能。</p>
<p>選択したウェブページ上のテキストを、コンテキストメニューからHTMLエディターに追加して編集することも可能です。</p>

<h4 class='tips'>起動が速いHTMLエディタ</h4>
<p><img src="http://web-marketing.zako.org/images/2011/02/notebook-pro1.png" alt="HTMLエディタ" title="notebook-pro1" width="400" height="236" class="aligncenter size-full wp-image-17250" /><br />↑この手のエディタは大抵起動が遅いのですが、この拡張機能に関してはすぐに起動して編集を開始できるので、ストレスを感じさせません。</p>

<h4 class='tips'>HTMLモードでHTMLタグ編集も可能</h4>
<p><img src="http://web-marketing.zako.org/images/2011/02/notebook-pro2.png" alt="HTMLタグ" title="notebook-pro2" width="400" height="213" class="aligncenter size-full wp-image-17249" />↑HTMLエディタでリストを作り、HTMLモードに切り替えると、HTMLタグで表示されます。テキストデータを素早くHTMLタグにしたい時などに便利ですね。</p>

<h4 class='tips'>コンテキストメニューから選択テキストをエディタに追加</h4>
<p><img src="http://web-marketing.zako.org/images/2011/02/notebook-pro3.png" alt="選択テキストをノートに追加" title="notebook-pro3" width="400" height="115" class="aligncenter size-full wp-image-17248" /><br />↑テキストを選択し、右クリックして出てくるコンテキストメニューの「Clip Text to Chrome Notebook」を押します。</p>

<p><img src="http://web-marketing.zako.org/images/2011/02/notebook-pro5.png" alt="追加されたノート" title="notebook-pro5" width="400" height="223" class="aligncenter size-full wp-image-17246" /><br />↑すると、HTMLエディタにテキストが保存されます。</p>

<p><img src="http://web-marketing.zako.org/images/2011/02/notebook-pro4.png" alt="オプション" title="notebook-pro4" width="400" height="153" class="aligncenter size-full wp-image-17247" /><br />↑オプション画面でコンテキストメニューの機能をOFFにすることもできます。</p>

<p>試してみたいかたは<a class='web-site-link' href="https://chrome.google.com/webstore/detail/elkgcninebemfhajfhmiffbndloiacbe" target="_blank">NoteBook Professional</a>へどうぞ。</p>

<p>実はいままで、テキストデータからULなどのリストタグを生成するのに、FirefoxのScribeFireをわざわざ開いていました。ソフトを起動するまでの手間はかかりませんでしたが、やはり起動がもたつくのがネックでした。いや、ホントにこの拡張機能は助かります。</p>

<div class="kaerebalink-box" style="text-align:left;padding-bottom:20px;font-size:small;font-size:/zoom: 1;overflow: hidden;"><div class="kaerebalink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B003F78322/webm-22/ref=nosim/" rel="nofollow" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41zRve3Y3yL._SL160_.jpg" alt="Adobe Dreamweaver CS5 Windows版" style="border: none;" /></a></div><div class="kaerebalink-info" style="line-height:120%;font-size:/zoom: 1;overflow: hidden;"><div class="kaerebalink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B003F78322/webm-22/ref=nosim/" rel="nofollow" target="_blank">Adobe Dreamweaver CS5 Windows版</a><div class="kaerebalink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://kaereba.com" target="_blank">カエレバ</a></div></div><div class="kaerebalink-detail" style="margin-bottom:5px;"> アドビシステムズ 2010-05-28    </div><div class="kaerebalink-link1" style="margin-top:10px;opacity: .50;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=50)";-khtml-opacity: .50;-moz-opacity: .50;"><div class="shoplinkamazon" style="margin-right:5px;background: url('http://img.yomereba.com/kl.gif') 0 0 no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;"><a href="http://www.amazon.co.jp/exec/obidos/external-search/?mode=blended&keyword=Adobe%20Dreamweaver%20CS5%20Windows%E7%89%88&tag=webm-22" rel="nofollow" target="_blank" title="アマゾン" >Amazonで最安値を探す</a></div><div class="shoplinkrakuten" style="margin-right:5px;background: url('http://img.yomereba.com/kl.gif') 0 -50px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;"><a href="http://pt.afl.rakuten.co.jp/c/03fec45a.d28a5cec/?url=http%3A%2F%2Fsearch.rakuten.co.jp%2Fsearch%2Fmall%2FAdobe%2520Dreamweaver%2520CS5%2520Windows%25E7%2589%2588%2F-%2Ff.1-p.1-s.2-sf.0-st.A-v.2%3Fx%3D0" rel="nofollow" target="_blank" title="楽天市場" >楽天市場で最安値を探す</a></div><div class="shoplinkseven" style="margin-right:5px;background: url('http://img.yomereba.com/kl.gif') 0 -100px no-repeat;padding: 2px 0 2px 18px;white-space: nowrap;">7netで最安値を探す</div></div></div></div>