New Feature: Playlist Center! Pick a topic and let our playlists guide the way—like a learning mixtape.

Start learning with our library of video tutorials taught by experts. Get started

CMS Fundamentals
Illustration by

WYSIWYG editors


From:

CMS Fundamentals

with James Williamson

Video: WYSIWYG editors

One of the most consistent features among all types of CMSs is a WYSIWYG editor. In most cases, the WYSIWYG editor forms the core of almost all CMS content-editing interfaces. This ubiquity tends to make people overlook these editors when researching a CMS, and that's a shame because they are such an important part of how teams and clients work with a CMS, they should be examined closely as part of the selection process. A WYSIWYG, or What You See is What You Get, editor allows users to add, edit, and format content without having to code HTML or CSS.
Expand all | Collapse all
  1. 2m 44s
    1. Welcome
      1m 0s
    2. What CMS means for this course
      1m 44s
  2. 22m 52s
    1. What is a CMS?
      2m 47s
    2. The evolution of CMSs
      4m 4s
    3. CMS types
      6m 7s
    4. Basic CMS capabilities
      5m 4s
    5. When is a CMS right for you?
      4m 50s
  3. 1h 23m
    1. Comparing CMSs
      4m 28s
    2. Core features to research
      4m 41s
    3. Commonly overlooked issues
      4m 12s
    4. Properly assessing needs
      4m 39s
    5. Knowing when to seek assistance
      4m 15s
    6. Choosing a CMS for designers
      4m 45s
    7. Choosing a CMS for organizations
      4m 12s
    8. The pros and cons of hosted solutions
      2m 58s
    9. Hosted solution examples
      5m 51s
    10. The pros and cons of open source solutions
      4m 36s
    11. Open source CMS examples
      7m 6s
    12. Proprietary CMSs
      7m 48s
    13. A closer look at Drupal
      5m 7s
    14. A closer look at Joomla!
      4m 0s
    15. A closer look at WordPress
      5m 33s
    16. Resources for comparing CMSs
      9m 2s
  4. 43m 58s
    1. What is an open source CMS?
      3m 4s
    2. What is a LAMP stack?
      2m 53s
    3. What are WebDAV and FTP?
      2m 39s
    4. What is MySQL?
      2m 24s
    5. WYSIWYG editors
      3m 56s
    6. Understanding users, groups, and permissions
      4m 12s
    7. What is metadata?
      5m 19s
    8. Understanding taxonomy
      3m 35s
    9. What is version control?
      4m 23s
    10. What are themes and templates?
      3m 30s
    11. What is SEO?
      4m 42s
    12. What are web analytics?
      3m 21s
  5. 36m 31s
    1. Content management as a process
      4m 38s
    2. Properly defining roles
      5m 3s
    3. Planning a content strategy
      4m 1s
    4. The importance of taxonomy
      5m 7s
    5. Controlling content lifecycle
      6m 22s
    6. Challenges for CMS migrations
      3m 45s
    7. Steps for migrating content
      4m 16s
    8. Avoiding distractions
      3m 19s
  6. 2m 24s
    1. Additional resources
      2m 24s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
CMS Fundamentals
3h 11m Beginner Apr 06, 2011

Viewers: in countries Watching now:

In CMS Fundamentals, James Williamson defines content management systems (CMSs) and explains their role in web site development. The course demonstrates the different CMS solutions available today, including WordPress, Drupal, and Joomla; reviews CMS terminology and best practices; and shows how to develop a content management strategy. Guidelines are also included for evaluating a potential CMS, whether hosted or self-hosted, open source or proprietary, and choosing a CMS based on a specific need or focus.

Topics include:
  • Defining and understanding a CMS
  • Understanding taxonomy
  • Assessing an organization or company's needs
  • Comparing content management systems
  • Planning a content strategy
  • Controlling content lifecycle
  • Migrating between CMSs
  • Understanding users, groups, and permissions
  • Using web analytics
Subjects:
Web CMS Web Foundations
Author:
James Williamson

WYSIWYG editors

One of the most consistent features among all types of CMSs is a WYSIWYG editor. In most cases, the WYSIWYG editor forms the core of almost all CMS content-editing interfaces. This ubiquity tends to make people overlook these editors when researching a CMS, and that's a shame because they are such an important part of how teams and clients work with a CMS, they should be examined closely as part of the selection process. A WYSIWYG, or What You See is What You Get, editor allows users to add, edit, and format content without having to code HTML or CSS.

Most of the time, they look and feel very similar to a word processor, making it simple for anyone with basic word processing skills to add or edit content on a CMS. Here, for example, is the WYSIWYG editor for WordPress. Notice that it has a toolbar, and it allows me to do things like bolding my text and maybe italicizing it. I can format links. I could change the color of the text. All sorts of things. Really, all I have to do is type in my text, format it the way I want it using the toolbar, and simply publish it.

This simplicity leads people to believe that all WYSIWYG editors are the same, or at least produce the same results. That of course is simply not true. Perhaps the most obvious difference them is simply the amount of things they allow you to do. Some, like this one, are very minimal and only give you basic formatting options. Others offer a huge range of formatting options as well as advanced functionality like allowing users to print content, create tables, insert images, video, and other media directly into your content.

Looking for an editor that gives users the formatting options they need is a very important consideration when choosing a CMS. Keep in mind that you'll need to train your clients or your team members to use the editor. If you have too many options up there or a WYSIWYG toolbar populated with features that you don't need, that can prove difficult for non-technical users to grasp, or worse, result in pages that aren't formatted to your site's standards. Too few options could result in frustrated users who simply can't format content to match the rest of the site.

There's another capability that you need to examine when looking at a CMS's WYSIWYG Editor, and it's one that's really actually pretty easy to miss. Although they look and act like a word processor, they are in fact still generating code and then inserting that code into your site. Because of this, it's very important that you examine the code created by the WYSIWYG editor to make sure it generates clean code and meets the level of standards compliancy that you need for your site. Many of the editors give you the ability to switch from formatting text to writing code, and this allows you to see the code that's being generated and then tweak it if necessary.

If you are demoing or trying one of these editors out, format some text and then switch over and take a look at the code. Depending upon the editor, some of the formatting options will result in structuring the text with HTML, while others might result in the creation of inline styles. If your site has strict rules about the use of inline styles or strict guides on when and how structural tags should be used, you need to understand how the WYSIWYG editor formats your text and then train your clients or staff to use it in a way that generates clean code with the formatting that you need.

In many cases, CMSs use the same WYSIWYG editor. If you want to take a closer look at some of the more popular editors and their capabilities, go check out TinyMCE, CKEditor, Open WYSIWYG, and InnovaStudio WYSIWYG editor. These sites will give you insight into the features and functionality behind the WYSIWYG editors found in some of the more popular content management systems, and hey, if you are a developer, give you some great options for integrating a WYSIWYG editor into your own projects.

There are currently no FAQs about CMS Fundamentals.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed CMS Fundamentals.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Notes cannot be added for locked videos.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.