記事作成に使える拡張スタイル。インライン編。

Cocoonは、ビジュアルエディター上でいくつかのスタイル拡張を手軽に使うことが可能です。

「スタイル」ドロップダウンリストからサクサク変更することが可能です。

スタイル拡張例

以下は、表示サンプルとコードです。

文章内を太字にする

文章内を<span class="bold">太字</span>にする

文章内を赤字にする

文章内を<span class="red">赤字</span>にする

文章内を太い赤字にする

文章内を<span class="bold-red">太い赤字</span>にする

文章内を赤アンダーラインにする

文章内を<span class="red-under">赤アンダーライン</span>にする

文章内を黄色マーカーにする

文章内を<span class="marker">黄色マーカー</span>にする

文章内を黄色アンダーラインマーカーにする

文章内を<span class="marker-under">黄色アンダーラインマーカー</span>にする

文章に打消し線を入れる

文章に<span class="strike">打消し線</span>を入れる

コピーのショートカットは Ctrl + C です

コピーのショートカットは <span class="keyboard-key">Ctrl</span> + <span 
class="keyboard-key">C</span> です

こんな感じで、強調したい箇所にインラインスタイルを手軽に使用できるようになっています。

重要なポイントを強調し、より見やすくすることで、コンテンツの強化になれば幸いです。