The Text Editor: A Guide for Site Managers

Modified on Fri, 24 May 2024 at 11:55 AM

Heads up! This article is intended for Site Managers. If you're a Program Facilitator looking for more information about how to review your Programs, click here!  


When creating or updating events, volunteer Opportunities, and Programs, you can personalize their descriptions with the text editor! The text editor runs on HTML. If you have some coding skills in your pocket—or know someone who does—you can get pretty creative with your descriptions! And if you don't, then no worries! The basic features can still help you create eye-catching descriptions. The text editor lets you: 

  • Change the font color, size, and style of your text in descriptions 
  • Add images, links, tables, and more

The text editor 

 Here are the different tool buttons available in the text editor and their descriptions:


Tool ButtonsDescriptions
These are your "Whoops!" buttons! Undo and Redo. Don't worry if you make a mistake, you can undo it! Didn't mean to undo something? You can redo it. 
This opens the HTML source code. Here you can embed videos from YouTube and Vimeo or other pieces of content using HTML coding. 


Note: Some videos may not be compatible when you try to embed them. This results in a broken link that won't play on the front end of the site.  

Want to insert a table? This button lets you insert a button and edit the cells, rows, and columns as necessary. This can be a great way to share an example volunteer schedule, post your impact in a table, or whatever you need a table display content for. 
You can play with the formatting of your text by decreasing or increasing your indent with these buttons!
Just like with the Decrease and Increase Indent buttons, you can also play with the alignment of your images, videos, and text. 
Bullet points are a great way to break up your text or to list important items! Use the Bullet Points or Numbered List buttons to start organizing your text.
Want to section off your description into segments of information? Use the Horizontal Line button. 
Personalize your description with your logo, banners, or images with the Insert/Edit Image button.
Do you want to create headlines for the different sections of your description? You can use the dropdown here to choose what font size works best for you.
You can use these buttons to bold a segment of text so that it pops! Or, you can italicize or underline something to make it stand out from the rest. Want to have fun playing with words in order to build hype? You can strikethrough a line of text and replace it with something better to build excitement! 
Play with colors! You can change your Text Color or Background Color and make words stand out in your description!

Best Practice: You may want to review what the Web Content Accessibility Guidelines (WCAG) and Voluntary Product Accessibility Template (VPAT) say about the use of colors on your site. This can help make a decision that's accessible to all users who visit your agency's profile page! 
Do you want to share links to important documents, online videos, training resources, etc.? You can with the Insert/Edit Link button! Need to remove it? Just highlight the link and click Remove Link.