Title: Highlight JS ウィジェット プラグイン

このプラグインは、TeamPage に標準でインストールされる Download785: ソース コード ウィジェット プラグイン の代替品です。「ソース コード ウィジェット」と比べて次のような違いがあります。

「ソース コード ウィジェット」プラグインと互換性がありますので、既に「ソース コード ウィジェット」を埋め込んだ記事を編集してウィジェットを埋め込み直す必要はありません。





インストール



当プラグインのインストール



下のリンクをクリックしてプラグインの .zip ファイルをダウンロードします。



サーバーセットアップ > プラグインのページの「新規プラグインのインストール」で .zip ファイルを選択してアップロードします。

アップロードが完了すると、「インストール済みプラグイン」の一覧に「I18N ERROR」が表示されますが、これはプラグイン中の日本語ファイルがまだ動作に反映されていないために表示されるエラーです。

サーバーセットアップ > 一般 > サーバー管理 の [TeamPage の再起動] ボタンをクリックして TeamPage を再起動してください。TeamPage の再起動が完了すると、このエラーは表示されなくなります。TeamPage クラウドでは再起動が2回必要です。

サーバーセットアップ > プラグイン のページを開き、[Highlight JS ウィジェット] が表示されていることを確認します。



以上でインストールは完了です。

ソース コード ウィジェット プラグインの非アクティブ化



[ソース コード ウィジェット] プラグインのチェックボックスをオフにして [適用] ボタンをクリックします。



設定



プラグインの [設定] をクリックして設定画面を表示します。



設定画面では、(1) 色テーマの選択、(2) Highlight を適用するセレクタ、(3) 行番号を表示するかどうかを選択・設定できます。



使い方



リッチテキスト エディタの [ウィジェットの挿入/編集] メニューから [ソース コード] を選択します。



下図のようなダイアログが表示されるので、ソースコードを記入し、[OK] をクリックします。プログラミング言語の自動判別がうまく働かない場合は、[シンタックス] ドロップダウンリストから適切なものを選択してください。



記事の本文にウィジェットが挿入されたことを確認し、投稿します。



記事が投稿されると、ウィジェットに記入されたプログラミング コードが色分け表示されます。(下図では「monakai-sublime」色テーマを使いました)





Attachments:
plugin1.png
plugin3.png
plugin2.png
plugin_configurations.png
image1.png
image2.png
image3.png
image4.png
関連記事
Article: Download2163 (permalink)
Categories: :DocJp:プラグイン
Date: 2018/06/05; 12時58分12秒 JST

Author Name: TeamPage サポート
Author ID: jpbo