Ulti Clocks content

How to enable line wrap in the Joomla Geshi plugin

JOOMLABOTTOM sand How to make the Joomla GeSHi plugin line wrap at the correct layout width by changing the pre css styling.
wrap, pre, space, code, white, css, template, geshi, snippet, break, layout, tag, word, plugin, joomla, wrapping, just, solve, problem, paste, cover, lot, hidden, family, normally, moz, normal, font, overflow, courier, eventuallities, following, line, end, page, adding, prevents, highlighter, default, generic

Home

Joomla - VirtueMart

Joomla & VM How To's

How to enable line wrap in the Joomla Geshi plugin

Don

16.

Apr

How to enable line wrap in the Joomla Geshi plugin

Prev << Customise the VirtueMart 1.1 Related Products display		Next >> Joomla! E-Commerce with VirtueMart book review

Joomla 1.5 + 1.0
GeSHi Plugin

The default css for the Joomla GeSHi (Generic Syntax Highlighter) plugin prevents any line wrapping until the end of any code snippet. This can often break your page layout.

By adding these couple of lines to the template css the code breaks nicely to fit within your layout.
Joomla line wrap geshi nowrap

If your code isn't wrapping where it should do the following -
The element tag for GeSHi is <pre xml:html> so find which style sheet is operating on the "pre" tag, normally your template_css.css or template.css (J1.0).

Paste in this code snippet (it seems a lot just to wrap but this is to cover all eventuallities Wink

)

 
pre,
.code {
 white-space:normal;
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 font-family:courier;
 overflow:hidden;
}

That should solve the problem....

Add this page to your favorite Social Bookmarking websites

Zuletzt aktualisiert am Dienstag, 05. Mai 2009 um 11:58 Uhr

» Joomla 1.7 Page Views Plugin updated for Joomla 1.7

» A Joomla 1.7 Plugin to show the number of page views anywhere in your content

» A Joomla 1.7 Plugin to insert the rel="nofollow" attribute within outgoing links

» A Joomla 1.7 Plugin to insert the rel="nofollow" attribute within outgoing links updated

» How to use Joomla Plugins in VirtueMart 1.1

Add your comment

Your name:

	The word for verification. Lowercase letters only with no spaces.
Word verification:

Titel:

Comment:

Comments (4)

Well stated sir!

just perfect...

I'm not using Joomla but this snippet works fine also in a normal GeSHi installation. Thanks

I like it.

yvComment v.1.21.0

Our Recommended Reading

For those interested in extending their knowledge of Joomla! & VirtueMart, Packt Publishing has an excellent range of help & how to books.
Listed below are some I can recommend.
Simply click on the images to be taken directly to their web shop.

Joomla! 1.5 Site Blueprints
by Timi Ogunjobi.

Joomla! 1.5 JavaScript jQuery
by Jose Argudo Blanco.
Read the review

Joomla! Social Networking
with JomSocial
by Kwasi Boateng & Beatrice A. Boateng.

Joomla! 1.5 Multimedia
by Allan Walker.

Learning Joomla! 1.5 Extension
Development
by Joseph L. LeBlanc. Read the review

Joomla! E-Commerce with VirtueMart
by Suhreed Sarkar.

Read the review

Building job sites with Joomla!
by Santonu Kumar Dhar.

Mastering Joomla! 1.5 Extension and
Framework Development : 2nd Edition
by James Kennard.
Read the review

Joomla! Template Design: Create your own professional-quality templates with this fast, friendly guide

Joomla! Template Design: 2nd Edition
Create your own professional-quality
templates with this fast, friendly guide
by Tessa Blakeley Silver.

Magento: Beginner's Guide by William Rice
is a must for anyone trying the
open-source e-Commerce solution.

Read the review

object-oriented-javascript-applications-libraries

Object-Oriented JavaScript by
Stoyan Stefanov gives you a very
comprehensive grounding in
the latest Javascript techniques.

Read the review

Joomla! Web Security
by Tom Canavan.

Joomla 1.5 Top Extensions Cookbook by
Suhreed Sarkar is an ideal and concise round up of the extensions available for the Joomla! system.

Read the review