SublimeTextのGhostTextプラグインのご紹介〜テキストエリアがエディタになる〜

SublimeTextのGhostTextプラグインのご紹介〜テキストエリアがエディタになる〜

  • 2016-08-20  最終更新日:2016-08-20

ChromeやFirefox上でテキストエリアの編集作業内容をSublimeTextで編集できてしまうプラグインのご紹介です。

ようするにブログなどで入力するテキストボックスがSublimeTexやAtomエディタで入力できると思って頂ければわかりやすいかと思います。

そのプラグインはGhostTextです。

このようなプラグインを待ってましたって思ったのでご紹介いたします。

ワードプレスのテキストエリアの編集作業に特にはかどりますね。使い慣れているエディタなのでさくさくと入力できます。タグ入力などは補完機能があるのではかどりますね。

テキストエリアにちまちまとタグ入力していたのでかなりはかどりますね。リアルタイム同期は素晴らしいです。


スポンサーリンク


導入・使い方

GhostText

まずSublimeTextでパッケージをインストールします。 ghostと入れるだけで出てきます。

GhostText

次にChromeのエクステンションを入れます。

こちらからインストール⇒GhostText for Chrome

さてこれで準備は終わりました。ChromeもSublimeTextも立ち上げておいてください。

GhostText

まずはChromeで編集したいテキストエリアを表示させます、そこで先ほど入れたエクステンションをクリック!

すると英語でThere are multiple text areas on this page.Click on the one you want to use.と表示されるのでそこをクリックします。

GhostText

今度はテキストエリアをクリックすると枠が青色になってsublimetextに内容が表示されます。

これで同期されましたので自由に編集できます。

GhostText

こちらが公式サイトです⇒GhostText/GhostText お使いのブラウザのテキストエリアに書き込む用のテキストエディタを使ってください。エディタに入力したすべてが常にブラウザのテキストエリアやエディタにリアルタイムに反映されます


∞Tadashi Suyama∞

ghosttext sublimetext atom chrome firefox plugin サブライムテキスト ゴーストテキスト
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
姫路セントラルパークに行ってきた感想

さて久しぶりになりましたが連休中に姫路市に行って参りました。太陽公園と姫路セントラルパークを2日かけて回りましたが姫路セントラルパークに関しては1日では足りないぐらいかもしれないです。ここは遊園...

12 May 2019

アイキャッチ
これは楽!iterm2パスワードマネージャー機能

さて今回はiterm2のパスワード管理についてです。そもそもこんな機能がついていること自体知らなかったのでこれ使って楽だなと思ったのでご紹介します。 iterm2の現在時点での最新バージョンは...

30 Mar 2019

アイキャッチ
JavaScriptライブラリデータベースのご紹介

さて今回はJSライブラリーのデータベースをご紹介したいと思います。知っている方が多いかと思いますがライブラリやプラグイン、フレームワークなど探す際には役立つサイトではないでしょうか。 どのJS...

28 Mar 2019

アイキャッチ
Web制作者が8年Chrome使ってきた中でおすすめの拡張機能

最近はEdgeもGoogle Chromeと同じChromiumベースでのブラウザとなりほとんどクローム(Chrome)状態ではあります。FirefoxとSafariぐらいでしょうか。Firef...

17 Mar 2019

アイキャッチ
Bootstrap4でフォーム入力の際にカレンダーから日付入力する方法

最近はメインでのコーディングはBootstrap4に移行しておりますがいろいろと3の時に使えたものが使えなかったりとしております。 DatetimePickerなどもそうですね。私個人的には4に...

18 Feb 2019

著者

ウェブエンジニアの須山のブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

フッターイメージ