Drupal CMS: Better Authoring, Better Content

betteringauthoringbettercontent_1200x600.jpg

Drupal has made some substantial improvements to the authoring experience in Drupal 8, putting it ahead of Drupal 7 out-of-the-box.

Creating and editing content has been easier than ever before, especially for the non-technical type, like myself. We’ll cover these big changes that are being launched with the Drupal 8 release, and how they compare to the Drupal 7 editing experience.

  • WYSIWYG out of the box
  • Inline images
  • Text format options
  • Better preview with view mode options
  • Quick Edit 
  • Responsive/Mobile-Friendly Interface 

 

WYSIWYG out of the box

This is the first time Drupal has come with a WYSIWYG editor straight out of the box. In Drupal 7 and older, a developer has to add a WYSIWYG editor module to give content creators the ability to add images, change text styles, create bulleted lists, etc. This is great for Drupal developers, since it means the editor will be maintained by Drupal, and the developer won’t have to worry about updating a WYSIWYG module.

Drupal 7 No WYSIWYG vs Drupal 8 WYSIWYG

Adding and Displaying Inline Images

Adding inline images with Drupal 7 is often a headache, especially for creating blogs like this one. With Drupal 8’s Image button in the WYSIWYG toolbar, it allows content editors to upload photos, select the alignment and even add captions. And, as a lover of drag-and-drop anything, being able drag images into the image field once inside the Insert Image dialog box is a great addition, too.

WYSIWYG Image button


Hands down, my favorite new option for editing images in Drupal 8 is being able to scale images inside the editor. No more doing math to calculate an image’s dimensions to scale it up or down!

Image scale in Drupal 8 editor animated gif

Text Formating

Full HTML pop-up warning

Both Drupal 7 and 8 allow the editor to select Basic, Filtered/Restricted or Full HTML as the text format. An upgrade in Drupal 8 is the pop-up that appears when selecting Full HTML, making it crystal clear that this choice will alter the text in the editor if not in HTML format. In Drupal 7, changing to HTML was as easy as selecting that option in the dropdown, with no mention of the impact on the content. This will help editors avoid losing important content with one mis-click.

Better Preview with View Mode Options

The preview options in Drupal 8 far surpass Drupal 7. First, they actually look similar to how the content will appear when live, unlike Drupal 7’s preview, which just looks like the editor. You also have the option to preview the Default view and the Teaser view, another nice-to-have.

Drupal 7 vs Drupal 8 Preview Options

Quick Edit

One of Drupal 8’s new features that is a true time saver is in-place editing in any field. While the benefit of this feature is clear, it has simplified the editing process by eliminating an extra step of having to click edit, then go to a separate page to make content changes.

Quick Edit in Drupal 8 Animated gif

Responsive/Mobile-Friendly Interface

Finally, Drupal 8 has a full responsive interface, both in the editor and the view mode. While Drupal 7’s editor was semi-responsive, the main view was not. This is a helpful feature for writing and editing on-the-go, which is becoming more and more frequent for content creators. It’s also nice having a clean menu and navigation structure on mobile that doesn’t break.

Drupal 7 vs 8 Responsive

With these upcoming changes, Drupal 8 is making content creation easier, faster, and dare I say, more fun?