Create a New Input Format with Its Own Editing Buttons

Here is how you create a new input format with its own editing buttons:

1. Go to Configure, Site Configuration, Input Formats (shown previously in Figure 11.2). Click Add Input Format at the top of the page.

2. On the next page (shown in Figure 11.11), name the new input format. You can assign it to one or more roles, and you can choose whether to base it on the filters from Full HTML or Filtered HTML. (The difference is whether the HTML Filter box is checked; if it is, you are using the Filtered HTML settings.)

FIGURE 11.11

Name the new input format.


Search this site:


1 Specify a unique name for this filter format.



Choose which roles may use this filter format Note that roles with the "administer filters" permis

Site configuration

M webmaster




Date and time

M HTML corrector m HTML filter

File uploads

intent such as JavaScript

vents, JavaScript

Image toolkit

Logging and alerts Poormanscron

M Line break converter

Converts line breaks Into HTML (1.«. <br> and <p> tags).

rf URL filter


3. Go to Configure, Site Configuration, WYSIWYG, as shown in Figure 11.12. You will see the new input format there, and you can select the editor for that format.

FIGURE 11.12

Select the editor for the new input format.


Modules from the book Administer

Site building Site configuration Actions Administration


A Wysiwyg prof

Input format

Filtered HTML Full HTML Expanded Editing


Remove Remove

4. Save your choice. What you have created is a WYSIWYG profile for the selected input format. You can edit it if you want to select a smaller or larger set of buttons (or even a different editor). If you click Remove in the WYSIWYG page shown in Figure 11.12, you will remove the WYSIWYG profile, not the associated input format. (Double-check that the title of the page is WYSIWYG, not Input Formats, just to be safe.)

5. Subject to the roles you have selected, users can now choose from the two out-of-the-box input formats and the new one you have just created, as shown in Figure 11.13.

FIGURE 11.13

Users with the appropriate roles can use the new input format.

Complete the configuration of the WYSIWYG profile with settings such as the Editor Appearance settings, shown in Figure 11.14, which determine where the toolbar is placed in relation to the text area.

FIGURE 11.14

Set Editor

Appearance options.

ft r> n

Create Story I localhost

Search this site:

Create Story



Title: »


My account

-1> Menu settings

Create content


Forum topic

' - Please choose -


Ernterthe committee (not subcommittee) with primary responsibility

Poll Story

§3 Show summary in Full view


Modules from the book Administer

B I U ak | S 3 3 S | Styles - Format ~ :E j= | ?F 1

AS*® H™ — a @ I x. n

Log out

Path: . Input format O Filtered HTML

O Web page addresses and e-mail addresses turn into links automatically.

o Allowed HTML tags: <etn> <strong> «lte> ^codes- <ul> <ol> <dt> <dd> «img> <til> <h3> "Sv4> <hS> -ih6> «address» <pre> <dlv>

O Lines and paragraphs break automatically.


O Web page addresses and e-rai address« turn into links automatically.

O Lines and paragraphs break automatfcally.

0 Expanded Editing

O Web page addresses and e-mail addresses turn into Inks automatical


Loading "http:;1 ; localhost;1^sams/demo drjpal,'?q=node,'addystory", completed 32 of 33 items

« O o

FCKeditor profile for Filtered HTML | localhost

Buttons and plugins

Editor appearance

This option controls whether the editor toolbar Is displayed above or below the editing area.


This option controls the alignment of Icons In the editor toolbar.

Where to display the path to HTML elements (I.e. body > tails > tr > ta).

This option gives you the ability to enable/disable the resizing button. If enabled, the Path location "Top" or "Bottom" In order to display the resize icon.

oclbar must be set to

Cleanup and output


The cleanup options shown in Figure 11.15 are usually satisfactory, but you can change them.

FIGURE 11.15

Adjust cleanup settings.


FCKeditor profile for Filtered HTML | localhost

Cleanup and output

tf Verify HTML

HTML does,

lament In

ivl Convert <font> tags to styles

If enabled, HTML tags declaring the font size, font family, font color and font background color will be replaced CSS styles.

ly Inline

If enabled, the editor will remove most linebreaks from contents. Disabling this option could avoid conflicts with


If enabled, the editor will re-format the HTML source code. Disabling this option could avoid conflicts with other


B Force cleanup on standard paste

If enabled, the default paste function [CTRL-V or SHIFT-INS) behaves like the "paste from word" plugln functlo


Finally, you can customize CSS settings, as shown in Figure 11.16. Remember to save all of your hard work before you navigate away from the page.

FIGURE 11.16

Customize CSS settings if you want and save the WYSIWYG profile.

FCKeditor profile for Filtered HTML I localhost

Block formats:

Dairies tire CSS to Be usca In the editor area. Use theme CSS - loads stylesheets from current site Define CSS - enter path tor stylesheet flies below. Editor defaalt CSS - uses defaalt stylesheets from et

If "Define CSSn vtas selected a&ove, enter path to a CSS file or Exam pie: css/edltor.tss./themts/garianUfstyle.tss, WBWt/style.i

CSS classes:

Optionally define CSS classes forthe 'Font style" dropdown list.

If left Plan«, CSS classes are automatically Imported from all loaded stylcslteet[s}.

0 0

Post a comment