Using the Source editor for Description

Last updated over 5 years ago

Our description field has two ways to make edits. You can use the What You See Is What You Get (WYSIWYG) editor or the Source editor. We made the Source view-able and available to edit so you can see exactly what is going to your channels. This way, you can avoid any unintentional spaces or line breaks. A great resource to practice HTML editing is W3 schools

There are a few basic definitions that will help you understand the Source editor better. In this document, we'll review the following common HTML coding:
  • <br>
  • <p>
  • <strong>
  • <em>
  • <h1> through <h6>
  • &nbsp;
  • <a>
  • href

<br>

  • <br> is line break. This signifies that the following text will start on the next line.
    • Multiple <br> codes next each other result in multiple lines:
      • This<br><br><br>is what happens with three line breaks in a row:
This


is what happens with three line breaks in a row

<p>

  • <p> is the start of a paragraph and </p> is the end of a paragraph
    • Putting the 'paragraph' codes around a text separate it out into its own paragraph
    • This is what <p>Happens when you add the paragaph</p><p>symbol in your source editor</p>:
This is what

Happens when you add the paragaph

symbol in your source editor

<strong>

  • <strong> and </strong> put the text between them in bold
    • If you wanted to <strong>emphasize</strong> something you might want to <strong>put it in bold text</strong>
If you wanted to emphasize something you might want to put it in bold text

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

  • The <h1> codes creates headers. <h1> is the largest and <h6>
    • Make sure you include the closing code with the corresponding header. That is, if you start with <h4> you should close with </h4>

<em>

  • <em> means "emphasis" or to add italics. Adding text between <em> and </em> will italicize the text

&nbsp;

  • &nbsp; stands for "non-breaking space". It is a space character that prevents an automatic line break at its position.

<a>

  • <a> and </a> means to "anchor" and allows you to create hyperlinks to other webpages. This should be used in conjunction with the "href" code

href

  • href is a Hypertext REFerence and lets you reference a URL embedded in your description. If you wanted to create a hyperlink, you would start with the <a> code, then follow with the href= and the url in quotes, add the text you want to display, and close the </a>
    • example: <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Definitely not Rick Astley</a>:
Definitely not Rick Astley


Related reading:
Troubleshooting your Description HTML in the Source editor

powered by
SlimFAQ