visualeditor
外枠に.visual-editor
を指定することで、内包するタグに「Elements」の主要なベース装飾を指定可能です。
.visual-editor
内はh3,h4,pなど基本的なタグのみで使用する想定です。
複雑な装飾がある場合は.visual-editor
を使わず直接classを指定してください。
詳細ページやCMSで直接タグ入力するして更新する箇所に指定するのがよいかもです。
見出し2
見出し3
見出し4
見出し5
見出し6
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。
- 順序がないリスト
- 順序がないリスト
- 順序がないリスト
- 順序のあるリスト
- 順序のあるリスト
- 順序のあるリスト
- 順序のあるリスト
- 順序のあるリスト
- 定義リスト
- テキストが入ります。テキストが入ります。
- 定義リスト
- テキストが入ります。テキストが入ります。
- 定義リスト
- テキストが入ります。テキストが入ります。
強い強調を表す要素(strong)
強調を表す要素(em)
すでに正確ではなくなった要素、打ち消し線(s)
注釈や細目を表す要素(small)
上付き文字(sup) E=mc2
下付き文字(sub) CO2
エラー色文字(Text Red)
標準のリンク
target="_blank"を指定している場合
pdfへのリンクの場合
doc、docxへのリンクの場合
xls、xlsxへのリンクの場合
ppt、pptxへのリンクの場合
aタグに.is-iconlessがある場合は自動リンクアイコンは表示されません
画像にリンクがある場合は自動アイコンは表示されません
引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。
吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩はここで始めて人間というものを見た。
しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。
この書生というのは時々我々を捕えて煮て食うという話である。
しかしその当時は何という考もなかったから別段恐しいとも思わなかった。
ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。
掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始であろう。この時妙なものだと思った感じが今でも残っている。
第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶だ。その後猫にもだいぶ逢ったがこんな片輪には一度も出会わした事がない。
のみならず顔の真中があまりに突起している。そうしてその穴の中から時々ぷうぷうと煙を吹く。どうも咽せぽくて実に弱った。
これが人間の飲む煙草というものである事はようやくこの頃知った。
見出し |
見出し |
見出し |
テキストが入ります。 |
テキストが入ります。 |
テキストが入ります。 |
テキストが入ります。 |
テキストが入ります。 |
テキストが入ります。 |
<div class="l-unit visual-editor">
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>
<h6>見出し6</h6>
<p>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。</p>
<ul>
<li>順序がないリスト</li>
<li>順序がないリスト
<ul style="list-style-type: circle;">
<li>順序がないリスト</li>
<li>順序がないリスト</li>
</ul>
</li>
<li>順序がないリスト</li>
</ul>
<ol>
<li>順序のあるリスト</li>
<li>順序のあるリスト
<ol style="list-style-type: lower-alpha;">
<li>順序のあるリスト</li>
<li>順序のあるリスト</li>
</ol>
</li>
<li>順序のあるリスト</li>
</ol>
<dl>
<dt>定義リスト</dt>
<dd>テキストが入ります。テキストが入ります。</dd>
<dt>定義リスト</dt>
<dd>テキストが入ります。テキストが入ります。</dd>
<dt>定義リスト</dt>
<dd>テキストが入ります。テキストが入ります。</dd>
</dl>
<p>
<strong>強い強調を表す要素(strong)</strong><br>
<em>強調を表す要素(em)</em><br>
<s>すでに正確ではなくなった要素、打ち消し線(s)</s><br>
<small>注釈や細目を表す要素(small)</small>
<br>
<span>上付き文字(sup) E=mc<sup>2</sup></span><br>
<span>下付き文字(sub) CO<sub>2</sub></span><br>
<span style="color: #cc3e4c;">エラー色文字(Text Red)</span><br>
</p>
<p>
<a href="#dummy">標準のリンク</a><br>
<a href="#dummy" target="_blank">target="_blank"を指定している場合 </a><br>
<a href="#dummy.pdf">pdfへのリンクの場合</a><br>
<a href="#dummy.doc">doc、docxへのリンクの場合</a><br>
<a href="#dummy.xls">xls、xlsxへのリンクの場合</a><br>
<a href="#dummy.ppt">ppt、pptxへのリンクの場合</a><br>
<a href="#dummy.ppt" class="is-iconless">aタグに.is-iconlessがある場合は自動リンクアイコンは表示されません</a>
<br>
<a href="#dummy" target="_blank"><img class="" src="/assets/img/common/img1.png" alt="" width="80" height="80"></a>
<br>画像にリンクがある場合は自動アイコンは表示されません
</p>
<blockquote>
引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。引用テキストが入ります。
</blockquote>
<img class="alignleft size-medium" src="/assets/img/common/img1.png" alt="">
<p>吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩はここで始めて人間というものを見た。
しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。
この書生というのは時々我々を捕えて煮て食うという話である。
しかしその当時は何という考もなかったから別段恐しいとも思わなかった。
ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。
掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始であろう。この時妙なものだと思った感じが今でも残っている。
第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶だ。その後猫にもだいぶ逢ったがこんな片輪には一度も出会わした事がない。
のみならず顔の真中があまりに突起している。そうしてその穴の中から時々ぷうぷうと煙を吹く。どうも咽せぽくて実に弱った。
これが人間の飲む煙草というものである事はようやくこの頃知った。
</p>
<table>
<tr>
<th>見出し</th>
<th>見出し</th>
<th>見出し</th>
</tr>
<tr>
<td>テキストが入ります。</td>
<td>テキストが入ります。</td>
<td>テキストが入ります。</td>
</tr>
<tr>
<td>テキストが入ります。</td>
<td>テキストが入ります。</td>
<td>テキストが入ります。</td>
</tr>
</table>
</div>