意外と侮れない「Gedit」の拡張

★画像アップ先の不調により、過去のエントリーで画像が見られないものが多数あります。もし画像の見たいものがありましたらご連絡いただければ復活するようにします。

いや~わたし完全に侮っていました「Gedit」。結構いろいろ拡張できるんですね~。拡張することでマークダウンで書いたりサイドペインでアウトラン表示したりできちゃいます。そんな拡張の仕方をご紹介します。

●拡張した「Gedit」。
「萌え電卓」HTML版



プラグインの導入

プラグインはGeditのメニューにある「編集」>「設定」>「プラグイン」で一覧がでますが、デフォルトではごく一部しかないので端末開いて(UbuntuソフトウェアセンターからでもOK)プラグインのパックをインスールします。($は含まない)

$ sudo apt-get install gedit-plugins

それ以外は必要に応じてThird party gedit plugins - versions 3.8 and 3.10などググったりしてプラグインの「tarファイル」をダウンロードして、解凍したものを「.local/share/gedit/plugins」ディレクトリに移動しすればOKです。Geditを起動して上記「プラグイン」の一覧に表示されるのでチェックを入れます。



マークダウンの導入

gedit-markdownからDownload the archive of gedit-markdown v2.をダウンロードして、中にある「plugins」>「markdown-preview」を上記同様「.local/share/gedit/plugins」に移動し、Geditを起動して「編集」>「設定」>「プラグイン」の一覧から「Markdown Preview」にチェックを入れます。

*(gedit-markdown下の方参照。)端末から「./gedit-markdown.sh install」でインストールすることもできるようです。



マークダウンの表示

マークダウンで書いた文章を用意して、 「表示」>「ボトムパネル」を選択し、「Ctrl+Alt+M」を押すとボトムパネルにプレビューが現れます。

「萌え電卓」HTML版


「表示」>「ハイライトモード」>「Markdown」を選択すると編集画面の見出しの部分など色が変わって見やすくなります。

*ボトムパネル下中央の「なし」の所から「Markdown」を選択することもできます。

「萌え電卓」HTML版

●「Markdown」の色が付いて見やすくなった状態。
*ちなみに「改行」は「半角スペース2つ」で改行表示となり、その部分は「黄色」で示されています。
「萌え電卓」HTML版




アウトライン表示の導入

Gedit Class Browser 3gを導入します。端末を開いて以下を入力適用すればOKです。($は含まない)

$ sudo add-apt-repository ppa:gedit-bc-dev-plugins/releases
$ sudo apt-get update
$ sudo apt-get install gedit-classbrowser3g-plugin

Geditを起動して「編集」>「設定」>「プラグイン」>「Class Browser 3g」にチェックを入れます。「表示」>「サイドパネル」を開くとサイドパネルの下にタブあるので、「Class Browser」のタブを選択すればアウトラインが表示されます。これで冒頭と同じ表示になります。

「萌え電卓」HTML版




HTML編集など

「表示」>「ハイライトモード」>「HTML」を選択すると「HTMLエディタ」としても使いやすくなります。

例えば「head」と書いて…

「萌え電卓」HTML版


「Tab」キーを押すと↓このように補間してくれたりします。

「萌え電卓」HTML版


「編集」>「設定」>「プラグイン」>「Color Picker」にチェックを入れておくと、↓このようにCSSファイルなどで直接色の編集ができたりします。

「萌え電卓」HTML版


こんな感じでいろいろ拡張できるので試してみてください。ただ、ちょっと起動が遅くなったような気がします。

*実際にプラグインを入れたのは少し前で、思い出しながら書いたのでもしかしたら設定上なにか足りない部分があるかもしれません。

【参考】:プラグイン導入でGeditを使いやすくする
【参考】:NicoHack! 第1回 ブロマガはGeditで書こう!
関連記事

テーマ : Linux
ジャンル : コンピュータ

コメントの投稿

非公開コメント

プロフィール

TOY

Author:TOY
萌え萌えmoebuntu
ようこそ!
moebuntuサイト
moebuntu wiki
お気軽にコメントください。

Auto-Translate
最新記事
最新コメント
tweet
萌え萌えAD




月別アーカイブ
08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01 
カテゴリークラウド
RSSリンクの表示
リンク
QRコード
QRコード
最新トラックバック