1. ヘルプ | Chatwork
  2. PC版 ご利用ガイド
  3. メッセージ

投稿に装飾はできますか？

テキストに色付けや太字の装飾はできませんが、罫線や囲み枠などの装飾でしたら可能です。
下記のタグを、メッセージ入力欄にご入力ください。


 

罫線タグ


[hr]

参考画像：
[hr]タグを使用した罫線の表示例

 

囲み枠タグ


[info]タイトル[/info]

参考画像：
[info]タグを使用した囲み枠の表示例

 

囲み枠タグ（見出しあり）


[info][title]見出し[/title]内容[/info]

参考画像：
[info][title]タグを使用した見出し付き囲み枠の表示例


 

絵文字の変換を無効にする


[code] ●● [/code]

変換させたくない文章を上記codeタグで囲うことで文字列として指定できます。

[code]タグを使用して絵文字変換を無効にした例

プログラムのソースコードなどをChatworkに投稿する際など、意図しない
文字・記号の絵文字変換を防ぐことができます。

また、codeタグをバッククォート（`）で省略入力することも可能ですので、詳細については下記をご参考ください。

ご参考：codeタグ機能

文中やチャット概要に画像を挿入する


[preview id=****** ht=150]

*の部分には、数字が入ります。

アップロード済みの画像を、文中や返信やチャット概要で使用可能です。
※まずアップロードが必要です。

  1. 画像をアップロード後、投稿の編集をクリックしてください。
    投稿の編集ボタン
     
  2. メッセージ入力欄に [preview id=******** ht=150]という文字列をコピーしてください。
    編集画面に表示されるpreviewタグ
     
  3. コピーした文字列を、メッセージ入力欄にペーストすることで画像のタグとして使用できます。
画像は、チャット参加者のみ閲覧可能です。
元ファイルをアップロードしたチャットに参加していないユーザーは、画像を閲覧できませんのでご注意ください。


チャット概要に貼り付けた事例：
画像をそのまま表示したり、前述のcodeタグと組み合わせたりもできます。

チャット概要にpreviewタグを貼り付けた事例

上部が[preview id=******* ht=150]を貼り付けた場合で、
下部が[code] ●● [/code] 内に画像タグのURLとテキストを貼り付けた場合です。
codeタグと組み合わせることで、画像タグをメモしておけます。