WYSIWYG

The WYSIWYG content area allows users to format and edit content like a word processor. The N.C. A&T website admininistrator will have the ability to turn on/off what elements the content owners may use within the WYSIWYG. This editor includes several features and functions commonly found in standard editors located in the WYSIWYG toolbar.

The following classes will be available in all WYSIWYG style dropdown menus:
align-left, align-right, center, callout, blue-font, white-font, yellow-font, alfon-bold, alfon-bold-italic, montserrat-black, montserrat-black-italic, montserrat-bold, montserrat-bold-italic, montserrat-semi-bold, montserrat-semi-bold-italic, montserrat-medium, montserrat-medium-italic, montserrat-regular and montserrat-regular-italic.

Available in: All content driven pages.


Rendered HTML


Heading 2

Subhead text option

Proin ultrices, enim in congue fermentum, elit quam congue mi, feugiat tempus magna metus eu magna. Nunc nec maximus ipsum. Mauris commodo fermentum enim, et pulvinar urna. Quisque dapibus ipsum vel mauris sagittis, vel efficitur leo suscipit. Etiam a ligula felis. Aliquam erat volutpat. Nam ac augue suscipit, gravida elit vehicula, sodales turpis. Aliquam venenatis tristique metus, ac convallis ipsum imperdiet quis. Sed auctor feugiat lobortis. Nunc quis nibh hendrerit ante auctor bibendum.

Callout Link

Heading 3

Cest molestie vehicula. Proin ultrices, enim in congue fermentum, elit quam congue mi, feugiat tempus magna metus eu magna. Nunc nec maximus ipsum. Mauris commodo fermentum enim, et pulvinar urna. Quisque dapibus ipsum vel mauris sagittis, vel efficitur leo suscipit. Etiam a ligula felis. Aliquam erat volutpat. Nam ac augue suscipit, gravida elit vehicula, sodales turpis. Aliquam venenatis tristique metus, ac convallis ipsum imperdiet quis. Sed auctor feugiat lobortis. Nunc quis nibh hendrerit ante auctor bibendum.

Heading 4

Brhoncus massa et, feugiat purus. Nullam ut nunc felis. Morbi scelerisque leo et mi viverra auctor. Suspendisse potenti. Nullam sed augue nibh. Vivamus velit odio, lobortis id mauris id, facilisis ornare nisl. Nulla sit amet cursus eros.

Heading 5

Vnisl. Vivamus consequat sollicitudin semper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sagittis mattis risus ut posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut malesuada egestas ante, ut porttitor turpis facilisis sed. Pellentesque ac ligula eget lacus hendrerit placerat ac vel justo. Quisque nec nulla pharetra augue mattis congue et a nulla. In cursus nisi nec luctus pulvinar.

Heading 6

Vivamus consequat sollicitudin semper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

  • Unordered List Item One
  • Unordered List Item Two
  • Unordered List Item Three

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

  1. Ordered List Item One
  2. Ordered List Item Two
  3. Ordered List Item Three

HTML Source

Click the copy icon button to copy the HTML example code.


<h2>Heading 2</h2>
<p class="subhead">Subhead text option</p>
<p>Proin ultrices, enim in congue fermentum, elit quam congue mi, <a href="#">feugiat tempus magna metus</a> eu magna. Nunc nec maximus ipsum. Mauris commodo fermentum enim, et pulvinar urna. Quisque dapibus ipsum vel mauris sagittis, vel efficitur leo suscipit. Etiam a ligula felis. Aliquam erat volutpat. Nam ac augue suscipit, gravida elit vehicula, sodales turpis. Aliquam venenatis tristique metus, ac convallis ipsum imperdiet quis. Sed auctor feugiat lobortis. Nunc quis nibh hendrerit ante auctor bibendum.
</p>
<a class="callout">Callout Link</a>
<br/><br/>
<h3>Heading 3</h3>
<p>Cest molestie vehicula. Proin ultrices, enim in congue fermentum, elit quam congue mi, feugiat tempus magna metus eu magna. Nunc nec maximus ipsum. Mauris commodo fermentum enim, et pulvinar urna. Quisque dapibus ipsum vel mauris sagittis, vel efficitur leo suscipit. Etiam a ligula felis. Aliquam erat volutpat. Nam ac augue suscipit, gravida elit vehicula, sodales turpis. Aliquam venenatis tristique metus, ac convallis ipsum imperdiet quis. Sed auctor feugiat lobortis. Nunc quis nibh hendrerit ante auctor bibendum.</p>
<h4>Heading 4</h4>
<p>Brhoncus massa et, feugiat purus. Nullam ut nunc felis. Morbi scelerisque leo et mi viverra auctor. Suspendisse potenti. Nullam sed augue nibh. Vivamus velit odio, lobortis id mauris id, facilisis ornare nisl. Nulla sit amet cursus eros.</p>
<h5>Heading 5</h5>
<p>Vnisl. Vivamus consequat sollicitudin semper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sagittis mattis risus ut posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut malesuada egestas ante, ut porttitor turpis facilisis sed. Pellentesque ac ligula eget lacus hendrerit placerat ac vel justo. Quisque nec nulla pharetra augue mattis congue et a nulla. In cursus nisi nec luctus pulvinar.</p>
<h6>Heading 6</h6>
<p>Vivamus consequat sollicitudin semper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
<ul>
    <li>Unordered List Item One</li>
    <li>Unordered List Item Two</li>
    <li>Unordered List Item Three</li>
</ul>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
<ol>
    <li>Ordered List Item One</li>
    <li>Ordered List Item Two</li>
    <li>Ordered List Item Three</li>
</ol>