Format Examples

Edit this page and view in source mode to see the HTML.

1. anchor: <a id target rel class="ck-anchor btn btn-pill btn-primary btn-secondary" hreflang href>
   • No classes:
     anchor
   • ck-anchor?
   • Basic button:
     btn
   • Rectangle - Primary:
     btn btn-primary
   • Rectangle - Secondary:
     btn btn-secondary
   • Pill - Primary:
     btn btn-pill btn-primary
   • Pill - Secondary:
     btn btn-pill btn-secondary
   • Rectangle - Primary - new tab (DOES NOT WORK - opens in current tab):
     open in new tab or window
2. break: <br>
3. paragraph: <p class="Indent* text-align-left text-align-center text-align-right">

   • indent: class = Indent1, Indent2, etc.

     Indented paragraph using Indent1.  This paragraph is long enough to wrap so you can see it is indented.  But not how you expect. The entire thing is indented, not just the first line.

   • left:

     Aligned left

   • center:

     Aligned center

   • right:

     Aligned right

4. header (h2 through h6): <h2 id class="text-align-left text-align-center text-align-right">

   • left:

     H2 header left

   • center:

     H3 header center

   • right:

     H4 header right

5. table: <table class="table table-bordered table-hover table-sm table-striped table-dark">

   1. table 1
       

      caption

      Letters	Numbers
      a	1
      b	2
      c	3

   2. table 2
   3. table 3
6. image: <img src alt data-entity-type data-entity-uuid data-align data-caption width height>
   • example 1
   • example 2
   • example 3
7. media: <drupal-media title data-entity-type data-entity-uuid alt data-view-mode data-caption data-align>
   • example 1
   • example 2
   • example 3
8. iframe: <iframe src height width name tabindex title>
   • example 1
   • example 2
   • example 3

Notes:

• Style attributes are erased after saving.
•