23
College of Engineering WYSIWYG Edits Eric Scott Sembrat March 15 2014

College of Engineering Web - WYSIWYG Changes

Embed Size (px)

DESCRIPTION

A quick overview of the upcoming WYSIWYG changes. Discusses how this impacts the current Drupal (6) website and provides discussions on how the editor can be utilized more efficiently in Drupal 7.

Citation preview

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!