Configuring filters for the HTML editor

Configuring filters

Filtered HTML vs Full HTML

In "Administer -> Input formats", Filtered HTML is the default filter. Due to security reasons, enabling Full HTML is only an option for trusted users.

What can you do to take the full advantage of using FCKeditor?

The first thing to do is to extend the list of allowed tags to:

<a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> 
<hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> 
<b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> 
<pre> <address> <code> <cite> <embed> <object> <strike> <caption>

But there is still one problem: Filtered HTML not only strips disallowed tags, but also strips inline style definitions. Basically, it means that you are unable to apply different font color, size, family etc. using FCKeditor 2.5 out of the box.

Don't worry, you still have at least three ways of dealing with it:

Allow trusted users to use Full HTML and accept that other users will have limited functionality, e.g. assign to their profile a different, simpler toolbar

Modify fckeditor.config.js so that FCKeditor used the old-fashion way of applying styles - using <font> tag... remember it's your choice ;)
so if you really want to do this, add these lines at the end of fckeditor.config.js:

FCKConfig.CoreStyles['FontFace'] = 
{ 
	Element		: 'font', 
	Attributes : { 'face' : '#("Font")' }
};
FCKConfig.CoreStyles['Size'] = 
{ 
	Element		: 'font', 
	Attributes : { 'size' : '#("Size","fontSize")' }
};
FCKConfig.CoreStyles['Color'] = 
{ 
	Element		: 'font', 
	Attributes : { 'color' : '#("Color","color")' }
};
FCKConfig.FontSizes	= '1/xx-small;2/x-small;3/small;4/medium;5/large;6/x-large;7/xx-large' ;

with this code, you are able to use 'FontFormat','FontName','FontSize','TextColor' buttons/combo boxes even with Filtered HTML.

Instead of using 4 buttons for formatting text: 'FontFormat','FontName','FontSize','TextColor' use only one 'Style' button with predefined styles in fckstyles.xml.

Line break converter

The other thing that may be irritating when using rich text editor is Line break converter. Since you are using "WYSIWYG" editor, you don't want to have your source code parsed again by Drupal, because you have already placed page breaks where you had to do it. In other words, you might probably want to disable that feature.

Add new comment

Comments

Mon, 05/26/2008 - 09:23 — Anonymous

123

Sun, 08/10/2008 - 16:42 — Anonymous

How can i make a table

How can i make a table work propaly with width =100% and aligned right

1	1
1	1
1	1

. Looks like i cant! ! ! !!!! ! ! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!

Sun, 08/10/2008 - 16:42 — Anonymous

111 1111 оорпорпо

1	11
	1
11	1

оорпорпо hj а hgjfgjghj hgj fарп орпо hgj

hgj

по

Sun, 04/27/2008 - 00:20 — Anonymous

1234

Tue, 01/29/2008 - 02:23 — juliep

Using a comment to test the editor

one
more
try

Sun, 04/06/2008 - 19:01 — Anonymous

dddddddwwwwwqweqweweqwewqeqwe

^{dddddd_{dwwwwwqweqweweqwewqeqweqwewee}}sdasdasdasdsdsd

wewqqweweeeeeee.ewqe.eee

qweqweqwe

5156	sdfsdfs
dsfsd	fsdf
dsf	sdf

Thu, 02/14/2008 - 18:42 — Anonymous

Fa negretes?I cursives?I la

Fa negretes?

I cursives?

I la sagnia?

Format Adreça

Mon, 04/14/2008 - 22:07 — Anonymous

Lorem ipsum dolor sit amet,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam porttitor porta mauris. Aenean congue. Morbi et elit vitae felis fringilla tincidunt. Etiam urna. Morbi auctor sapien id nibh. Phasellus iaculis ante id lectus. Nunc quis felis. Proin ac dui. Nulla auctor elit nec elit. Morbi cursus purus a ipsum. Curabitur diam diam, commodo a, luctus eget, blandit non, magna. Praesent sed ante ut enim adipiscing malesuada. Curabitur id eros id arcu luctus consectetuer. Fusce luctus metus ut elit. Nam sit amet nunc.

Nullam vestibulum massa id quam aliquam ultrices. Donec vel dui nec tortor volutpat molestie. Aenean blandit, nisi nec varius adipiscing, felis odio malesuada nunc, eu porttitor tellus erat a orci.

Quisque adipiscing neque vitae felis. Phasellus semper, felis eu dictum tempus, sem augue vulputate tellus, et ullamcorper nunc massa vitae dolor. Sed eget purus. Maecenas ac ante et risus facilisis dictum. Duis tempus, tortor a ultrices vulputate, nisl nulla bibendum erat, a luctus erat felis tristique turpis. Nullam cursus viverra nulla. Donec viverra nibh eu libero. Nullam nisi velit, aliquam non, pharetra non, consectetuer ac, leo. Curabitur vestibulum ullamcorper est. Vestibulum cursus imperdiet ante. Nullam interdum mauris a ante. Donec condimentum urna placerat velit. Quisque eget massa ac nulla imperdiet dignissim. Nullam vel mi non est tristique convallis. Integer eu est.

Suspendisse dapibus orci vitae est. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse potenti. Aliquam fringilla. Nam pellentesque. Aliquam erat volutpat. Quisque tincidunt turpis ut enim malesuada facilisis. Sed sapien. Aliquam malesuada velit nec augue. Proin tempus venenatis libero. Nunc urna ipsum, semper cursus, euismod sit amet, viverra eu, odio. Etiam lobortis eros eget ipsum. Ut eros dolor, porttitor vitae, hendrerit non, blandit at, diam. Duis non felis. Proin vehicula, purus id convallis luctus, sem ligula rhoncus velit, quis vulputate diam pede eget tortor. Nulla ac orci ac nibh venenatis dapibus. Maecenas ligula ipsum, commodo non, laoreet vel, mattis eget, ipsum. Ut nec tortor a magna vulputate pharetra.

Nullam vestibulum massa id quam aliquam ultrices. Donec vel dui nec tortor volutpat molestie. Aenean blandit, nisi nec varius adipiscing, felis odio malesuada nunc, eu porttitor tellus erat a orci. Quisque adipiscing neque vitae felis. Phasellus semper, felis eu dictum tempus, sem augue vulputate tellus, et ullamcorper nunc massa vitae dolor. Sed eget purus. Maecenas ac ante et risus facilisis dictum. Duis tempus, tortor a ultrices vulputate, nisl nulla bibendum erat, a luctus erat felis tristique turpis. Nullam cursus viverra nulla. Donec viverra nibh eu libero. Nullam nisi velit, aliquam non, pharetra non, consectetuer ac, leo. Curabitur vestibulum ullamcorper est. Vestibulum cursus imperdiet ante. Nullam interdum mauris a ante. Donec condimentum urna placerat velit. Quisque eget massa ac nulla imperdiet dignissim. Nullam vel mi non est tristique convallis. Integer eu est.

Drupal + FCKeditor

User login