Transcript
Page 1: College of Engineering Web - WYSIWYG Changes

College of Engineering WYSIWYG Edits

Eric Scott SembratMarch 15 2014

Page 2: College of Engineering Web - WYSIWYG Changes

Game Plan

Why we’re changing our editor.

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

Discussion - New features? New functionality?

Page 3: College of Engineering Web - WYSIWYG Changes

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.

Page 4: College of Engineering Web - WYSIWYG Changes

Welcome to CKEditor

The new editor, using CKEditor.

The old editor, using TinyMCE.

Page 5: College of Engineering Web - WYSIWYG Changes

There Are Similarities!

Page 6: College of Engineering Web - WYSIWYG Changes

There Are Similarities!

Page 7: College of Engineering Web - WYSIWYG Changes

There’s Similarities!There Are Similarities!

Page 8: College of Engineering Web - WYSIWYG Changes

There’s Similarities!There Are Similarities!

Page 9: College of Engineering Web - WYSIWYG Changes

There Are Similarities!

Fast-Forwarding Through This Process

Page 10: College of Engineering Web - WYSIWYG Changes

There’s Similarities!There Are Similarities!

Page 11: College of Engineering Web - WYSIWYG Changes

What Hasn’t Been Carried Over?

Edit CSS Style Button

The existing organization of the buttons.

Page 12: College of Engineering Web - WYSIWYG Changes

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?)

Page 13: College of Engineering Web - WYSIWYG Changes

What about Formats?

The new editor, using CKEditor.

The old editor, using TinyMCE.

Page 14: College of Engineering Web - WYSIWYG Changes

What about Formats?

The new editor, using CKEditor.

The old editor, using TinyMCE.

Page 15: College of Engineering Web - WYSIWYG Changes

Formats

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

Old New

Page 16: College of Engineering Web - WYSIWYG Changes

Styles

Where is ImageRight, you might ask?

Old New

Page 17: College of Engineering Web - WYSIWYG Changes

Styles

Page 18: College of Engineering Web - WYSIWYG Changes

Styles

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

image in the editor!

Page 19: College of Engineering Web - WYSIWYG Changes

Styles

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

image in the editor!

Page 20: College of Engineering Web - WYSIWYG Changes

The Future

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

Page 21: College of Engineering Web - WYSIWYG Changes

Missing Features?

Is there anything that is currently missing from the editor

experience?

Any aspect of the editing experience which you struggle

with?

Page 22: College of Engineering Web - WYSIWYG Changes

Fixing Settings

Is there anything you would like adjusted from the editor

experience?

Example: Adjusting the format names to make logical sense.

Page 23: College of Engineering Web - WYSIWYG Changes

Thanks!

Quick Demo to show the new editor goes here!


Recommended