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

Aug 20, 2016

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

2016-08-20 最終更新日:2016-08-20
ghosttext sublimetext atom chrome firefox plugin サブライムテキスト ゴーストテキスト

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∞

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

最近の投稿

アイキャッチ
ドメインオーソリティの使い道

ドメインオーソリティーとは一言で言えばドメインの価値を数値化したモノです。ドメインに関するものなので中身については全く意味をなさないと思います。ドメインオーソリティーの数値が低いから低品質なコン...

17 Jun 2017

アイキャッチ
個人情報を一切収集しない検索エンジンDuckDuckGoとは?

ネット検索と言えば、日本ならGoogleやYahoo Japan!(検索エンジンはGoogle)経由が多いですね。Bingは少数派といったところでしょうか。 DuckDuckGoという検索エン...

10 Jun 2017

アイキャッチ
ブートストラップバリデータ使い方 - Validator - for Bootstrap 3

今回はフォームバリデータのご紹介です。前回のPHPMailerと関連がありますが、フロントエンドでのバリデートができます。 CSSのフレームワークBootstrap3をお使いの方ならすんなりと...

03 Jun 2017

アイキャッチ
PHPMailerの使い方

今回はあらゆるところで使われているPHP用のメール送信ライブラリphpmailerの使い方を紹介します。 脆弱性がPHPMailer5.2.18より下のバージョンで発生するので新しいバージョン...

28 May 2017

アイキャッチ
画像加工・写真編集が簡単にできるアプリfotorのご紹介

今回は画像加工や編集ができるfotorのご紹介です。アプリの方が有名ですが、実はサイトからも使えるというのはご存じだったでしょうか?公式サイトはコチラ⇒[画像加工・写真編集|Fotor - 無料...

20 May 2017

著者

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

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

フッターイメージ