Configuring Text Formats and Editors
0 (0 Likes / 0 Dislikes)
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.