1番目に大きな見出し

2番目に大きな見出し

3番目に大きな見出し

4番目に大きな見出し

5番目に大きな見出し

6番目に大きな見出し

<div class="bl_wysiwyg">
  <h1>1番目に大きな見出し</h1>
  <h2>2番目に大きな見出し</h2>
  <h3>3番目に大きな見出し</h3>
  <h4>4番目に大きな見出し</h4>
  <h5>5番目に大きな見出し</h5>
  <h6>6番目に大きな見出し</h6>
</div>

WYSIWYGには、小さい文字・強調・イタリック・~~打ち消し線~~などのデフォルトスタイルが使えます。

<div class="bl_wysiwyg">
  <p>WYSIWYGには、<small>小さい文字</small>・<strong>強調</strong>・<em>イタリック</em>・<del>打ち消し線</del>などのデフォルトスタイルが使えます。</p>
</div>

Link

Reverse

WYSIWYG内のアンカータグは自動的に装飾されます。下線効果は反転可能です。

<div class="bl_wysiwyg">
  <p>WYSIWYG内の<a href="#">アンカータグ</a>は自動的に装飾されます。下線効果は反転可能です。</p>
</div>

WYSIWYG内で引用のblockquoteタグを使った場合の装飾。

<div class="bl_wysiwyg">
  <blockquote>WYSIWYG内で引用のblockquoteタグを使った場合の装飾。</blockquote>
</div>

WYSIWYG内にcodeを表示させる。

<div class="bl_wysiwyg">
  <p>WYSIWYG内に<code>code</code>を表示させる。</p>
</div>

.my-css { color: red; }

<div class="bl_wysiwyg">
  <pre><code>.my-css { color: red; }</code></pre>
</div>