WYSIWYG

Adding Styles to Stanford WYSIWYG

Cynthia Mijares — Thu, 13 Jul 2017 03:04:29 +0000

The Stanford WYSIWYG gives the content editor multiple style options to modify the look of their site's content. Suppose you want the ability to float an image right or left in the content region but it's not in the list of Styles. You can create a CSS Injector rule to target that specific content then make this style available to the WYSIWYG Styles drop-down list. To tackle this example, let's go step-by-step to add the ability to float images right or left in the content region within the WYSIWYG.

Doing more with the editor, Part 1, adding CSS styles

Caryl J Westerberg — Fri, 21 Nov 2014 16:18:11 +0000

Have you ever wanted to put a border on an image or highlight a link for more information in a text field? It is possible to configure the Styles dropdown menu in your WYSIWYG editor to allow you to add styles to the content in a text field. If you don't know how to configure your Styles dropdown, here's how you can add multiple classes to an element using the HTML editor pane of the WYSIWYG.

Disable the WYSIWYG

To edit the HTML in a text area:

Navigate to the page you'd like to edit