Tiger's Blog

Code snippet is wrapped by 'pre' tag usually when published on the web. Then how to configure your drupal site with fckeditor to support pre tag?

• Install fckeditor follows my blog : Configure FCKEditor In Drupal Environment.
• Go to admin/settings/filters，Configure the "Filtered HTML" input format.
• (Optional) On the edit page, remove "Line break converter" filter from the filters field-group to have a better control over the line break.
• On the configure page, change the allowed html tags .

The default allowed html tags are:

<a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

After modification, the allowed html tags are:

<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> <param> <strike> <caption>

• Style "pre" tag in your theme's style sheet file. Mine is :

pre{
border: 1px solid;
padding : 20px;
margin: 5px 25px;
}

That's all! Enjoy your drupal life! :-)