Configuring Text Formats and Editors

Configuring Text Formats and Editors with Amber Matz In this tutorial, we’ll walk through the process of configuring text formats and editors. By the end of this tutorial, you will understand how to add a horizontal rule tag to the Basic HTML text format, and a corresponding button to its editor configuration. To follow along, you should understand the concept of text formats and editors. The core modules Filter, Editor, and CKEditor must be installed. They are installed on your site when you install with the core standard installation profile. The Basic HTML text format must exist. This is also created on your site when you install with the core standard installation profile. See the written version of this tutorial for links to the prerequisites. In the Manage administrative menu, navigate to > Configuration > Content Authoring > Text formats and editors. This is the path – admin/config/content/formats. The Text formats and editors page appears. Click Configure for the Basic HTML text format. Note that CKEditor is selected in the Text editor field. This allows you to configure the Editors toolbar. Drag the horizontal rule button from Available buttons to the Active toolbar in the Tools section. You may need to click Show group names, if you're not seeing the labels. You can rearrange these buttons by dragging and dropping either the group or the individual buttons. If we scroll down the page, we can see that we can change the Filter processing order by dragging and dropping the filters in this table. At the bottom of the page, there’s a vertical tab and some allowed HTML tags. If you need to, add the hr element to what is already listed. Click Save configuration. You will be taken back to the Text formats and editors page and a message will be displayed saying that the text format has been updated. Let’s test this out by creating a new content item. From the Manage administrative menu, click on Content, then Add content. Choose a type of Basic page. Notice that we now have a button to insert a horizontal rule. If this button didn’t appear for you, clear the cache and refresh the content editing page. In this tutorial, we added a horizontal rule tag to the Basic HTML text format, and a corresponding button to its editor configuration.