Source Code View

Hyper Text Markup Language (or HTML) is the language used by programmers to provide instructions for how each webpage should be rendered by the web browser. One advantage of using a CMS is that it minimizes the content editor's need to use HTML code. In basic HTML coding, a user must enclose all formatted text within HTML tags. Drupal eliminates this step, for the most part, by using style sheets and the WYSIWYG editor.

In most cases, the tools provided by Drupal's edit mode will be enough for users to fully customize pages. However, sometimes the formatting needs fine-tuning that can only be done on the HTML level. To view the HTML code for any page in Drupal, a user can choose to create a new draft of the page, and then click the "Source" tool in the WYSIWYG editing toolbar. Any editing done in Source View will be interpreted using HTML conventions, so carriage returns and spaces are largely ignored.

Below are some common issues you may find.

In paragraphs:
When there are strange gaps, check for any extra empty paragraphs. It may look like this:
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
 
or this: <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
 
or this: <br><br>
 
or this: <br /><br />
 
Indenting:
If a line seems to be indented, check anywhere in its enclosing paragraph tag (<p></p>), including before an image, for HTML spaces, which look like this: &nbsp;
 
In columns:
If there's unwanted space at the top of a column, try removing any <p> tags from around the [column] shortcode(s)
 
With images:
When an image doesn't clear the one above it and instead sits below and to the right, try adding an empty paragraph above the image, i.e. <p>&nbsp;</p>
Bulleted lists (and even regular paragraphs) can get messy when used alongside left-aligned images. Consider right-aligning images as a general rule, unless you have a specific reason to do otherwise.