College of Engineering Web - WYSIWYG Changes

College of Engineering WYSIWYG Edits

Eric Scott SembratMarch 15 2014

Game Plan

Why we’re changing our editor.

What changes come with a new editor? How does it compare?

Discussion - New features? New functionality?

Why Edit the Editor? Why Now?

The existing editor will not be compatible with Drupal 7.

The spell-checking service was deprecated as of July 2013.

Campus (and Drupal) has shifted to promote CKEditor.

Welcome to CKEditor

The new editor, using CKEditor.

The old editor, using TinyMCE.

There Are Similarities!

There Are Similarities!

There’s Similarities!There Are Similarities!

There’s Similarities!There Are Similarities!

There Are Similarities!

Fast-Forwarding Through This Process

There’s Similarities!There Are Similarities!

What Hasn’t Been Carried Over?

Edit CSS Style Button

The existing organization of the buttons.

What’s New?

Buttons for Find, Replace, Select All, & Insert Special Characters

Ability to add anchor links to pages (pending usage?)

Ability to align text right-to-left (pending usage?)

What about Formats?

The new editor, using CKEditor.

The old editor, using TinyMCE.

What about Formats?

The new editor, using CKEditor.

The old editor, using TinyMCE.

Formats

All headings and formats carry over (just in a different order).

Old New

Styles

Where is ImageRight, you might ask?

Old New

Styles

Styles

Block styles (for images) only appear when you’re selecting an

image in the editor!

Styles

Block styles (for images) only appear when you’re selecting an

image in the editor!

The Future

For this editor to rock, it needs to rule the (Drupal) world!

Missing Features?

Is there anything that is currently missing from the editor

experience?

Any aspect of the editing experience which you struggle

with?

Fixing Settings

Is there anything you would like adjusted from the editor

experience?

Example: Adjusting the format names to make logical sense.

Thanks!

Quick Demo to show the new editor goes here!