【Cocoon】クラシックエディタでソースコードを表示する方法

ソースコードを入力するpreタグを追加

見出しを選択するタブから整形済みのテキストを選択

下記のようにソースコードをpreタグが表示されるので、ソースコードを入力

上記のままだと、ソースコードがハイライトされていない(色がついていない)ので、

次に、ハイライトの設定をします。

下記の順にクリックしていきCocoonの設定を変更します。

Cocoon設定 → コード →ソースコードをハイライト表示にチェックをつける

するとこのようにソースコードがハイライトされます！

/* コメント */
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}