コンテンツにスキップ
一般一部機能有料化に関するアンケートご協力のお願い

シンタックスハイライト

コードブロックを自動ハイライト+コピーボタン。

Chatworkにはコード等の表示に使用出来る[code][/code]記法が利用できますが、デフォルトではシンタックスハイライトに対応していません(2021/03/18時点)。Slim Chatworkではこれら記法で囲まれたコードをhighlight.jsを使用してシンタックスハイライトに対応させる事が出来ます。

使い方は至って簡単。Slim Chatworkのアイコンをクリックしポップアップ画面を表示させます。

ポップアップ設定画面
ポップアップ設定画面

「シンタックスハイライト」機能をONにし、セレクトボックスをクリックします。89種類(2021/03/18時点)のスタイルの中からお好きなスタイルを選択します。

多くのスタイルから選択出来ます
多くのスタイルから選択出来ます

選択後はリアルタイムにシンタックスハイライトが効きます。よく利用するエディタと同じスタイルにしてしまえばエンジニア同士のコミュニケーションも捗ること間違いなしです。

上:デフォルト状態、下:シンタックスハイライト有効化(dracula)
上:デフォルト状態、下:シンタックスハイライト有効化(dracula)

機能をOFFにするとシンタックスハイライトも止められます。

Slim Chatworkバージョン0.8.0より追加された「コードコピーボタン」をONにすると、[code][/code]記法で囲まれた内容を1Clickでコピー出来る、エンジニアさんにとっては嬉しいボタンを追加することが可能です。

使い方は至って簡単。設定画面上の「コードコピーボタンを追加」をONにします。

あとはChatwork上で[code][/code]記法で記述されたメッセージを表示すると、右上にコピーボタンが表示されるので、押下すると内容をクリップボードへコピーすることが出来ます。

操作の様子は以下よりご確認いただけます。

https://twitter.com/SlimChatwork/status/1646046130457952256