Products

Solutions

Resources

Partners

Community

About

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.


Formatting Code Blocks in DotNetNuke 6

Formatting Code Blocks in DotNetNuke 6.0

There are many hidden gems in DotNetNuke 6.0 that you will find once you begin using it.  You may have heard of some already.  For example, there’s creating numerous pages all at once with the page manager, the mega menu, jQueryUI plugins, module categories, standardization around module messages, and more.  There is another beauty hidden away in the new text editor provider too…

You can now copy and paste various types of code into DNN, and have it completely formatted for your website visitors in just moments.  The best part of this is that it’s already built-in to DotNetNuke 6.0!  The first step…  Enable the feature.

Enabling Code Formatting

The first thing you will need to do is login as a Host or Superuser.  Once logged in, find the HTML Editor Manager in the Host menu.  (By the way, your Host menu is now in your Control Panel.)

HTML Editor Manager in DotNetNuke Host Menu

Next, choose the Everyone configuration in the page that loads.  Or choose any other template that you might have created.  This will load the Editor Configuration and Toolbar Configuration for you.  Choose the Toolbar Configuration to edit the XML that manages your editor toolbar buttons.

Find a place that you want in the configuration to put the new Format Code Block button, and add this XML. 

<tool name="FormatCodeBlock"/>

Here is an example of what that might look like on your site.  Then be sure to click “Update” to save your changes.

HTML Editor Configuration

Now, the next time you load your text editor, it might look something like this.

HTML Text Editor Code Block Button

This will allow you to add the most common types of code in a very friendly and easy to read way on your site now. 

The next time you have some code to add, click the button.  If you want to guarantee that you preserve your white spaces, click the button before pasting in your code.  When the code manager window opens, paste it in the top, and choose your language.

Format Code Block Manager

You can choose to preview this before you click OK, or just “OK” your changes.  It’s up to you, but either way you will end up with your code looking super-slick!

FYI…  Full credit for me even knowing about this little gem goes to Chris Paterra.

This post is cross-posted from my personal blog.

Comments

Comment Form

Only registered users may post comments.

NewsArchives


Aderson Oliveira (22)
Alec Whittington (11)
Alessandra Daniels (3)
Alex Shirley (10)
Andrew Hoefling (3)
Andrew Nurse (30)
Andy Tryba (1)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (37)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Bogdan Litescu (1)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (213)
Chris Paterra (55)
Clint Patterson (108)
Cuong Dang (21)
Daniel Bartholomew (2)
Daniel Mettler (181)
Daniel Valadas (48)
Dave Buckner (2)
David Poindexter (12)
David Rodriguez (3)
Dennis Shiao (1)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (80)
Francisco Perez Andres (17)
Geoff Barlow (12)
George Alatrash (12)
Gifford Watkins (3)
Gilles Le Pigocher (3)
Ian Robinson (7)
Israel Martinez (17)
Jan Blomquist (2)
Jan Jonas (3)
Jaspreet Bhatia (1)
Jenni Merrifield (6)
Joe Brinkman (274)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Kelly Ford (4)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matt Rutledge (2)
Matthias Schlomann (16)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Miguel Gatmaytan (3)
Mike Horton (19)
Mitchel Sellers (40)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Oliver Hine (1)
Patricio F. Salinas (1)
Patrick Ryan (1)
Peter Donker (54)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Sacha Trauwaen (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott Schlesier (11)
Scott Wilkinson (3)
Scott Willhite (97)
Sebastian Leupold (80)
Shaun Walker (237)
Shawn Mehaffie (17)
Stefan Cullmann (12)
Stefan Kamphuis (12)
Steve Fabian (31)
Steven Fisher (1)
Tony Henrich (3)
Torsten Weggen (3)
Tycho de Waard (4)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (40)
Will Strohl (180)
William Severance (5)
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out