Views: 6331
Number of votes: 4
Average rating:

Share your code

For a while now we’ve been planning to release a code sharing section on EPiServer World and during the vacation times the faithful web team stayed in office to make it happen.

We can now introduce the Code section.

Included in the release is the following:

  • Code description editor.
  • Code highlighting editor.
  • File upload.
  • And rating and tags and the usual web stuff.




The code section is suitable for sample code and smaller projects, but not as a repository for larger collaborative projects, but it works very nicely as an introduction to the EPiServer community for your code. Type a description, post some sample code and link to your “real” project page.

Another purpose of this section, which is rather like the blogs, is to collect all code related posts in one place.


When uploading files associated with your project / code, you do not need to zip them since EPiServer zips them automatically on download.

Syntax highlighting

The code editor is a bit sensitive, but it does the job. We used tinyMCE and SyntaxHiglighter with some small modifications to make the highlighter fit in our framework a bit better.

There are two editors in the code sharing window. The first one is for your initial description while the second one is for pasting code and text in the body of the article.

We made four languages available (if you feel we should add other languages, let us know):

  • C#
  • Javascript
  • Xhtml/XML
  • SQL




To add plain text, just click a non formatted space in the editor and start typing.

You can add any of these in the editor by clicking the “Insert code” button, pasting your code in the editor popup, selecting the appropriate language in the drop down and clicking insert.

When adding several texts of different types in the editor, make sure you click a place in the editor that is not marked with another formatting. The current format is displayed on a label under the editor.

And since we know nothing was ever built that can’t be broken we added a “Delete code” link so you can start over =)

(Please note that “Delete code” actually deletes the entire entry, removing any files you may have uploaded as well.)

Naturally you’re awarded Community Recognition points when adding a new contribution to the code section.

Aug 05, 2010

( 9/21/2010 10:33:28 AM)

Finally! Hehe It's nice to have a quiet summer to be able to finnish up a few projects.
( By, 9/21/2010 10:33:28 AM)

Nice picture Daniel :-)

Per Hemmingson
( By Per Hemmingson, 9/21/2010 10:33:29 AM)

Sweet. Great work!
And nice picture... :-)

( By Eric, 9/21/2010 10:33:29 AM)

Finally!! Great work! :)

( 9/21/2010 10:33:29 AM)


( 9/21/2010 10:33:29 AM)

Thanks, we are keeping an eye out for possible hickups, but it seems stable enough. And what about the picture, that's how I dress every day isn't it? ;-)
( By, 10/5/2010 10:42:57 AM)

That's a great idea, looking forward to seeing it.
Finding the code section is slightly difficult within the navigation - I've tried using the search bar within EPiServer World (using search terms like 'code' or 'code section'). Might be useful if made it a bit more prominent within the EPiServer World navigation.
Btw, nice photo!

Martin Pickering
( By Martin Pickering, 12/8/2013 5:38:34 PM)

The upload code files feature appears not to work anymore - or then again I just don't know how to use it - or then again, take a look how many recent articles have zero files attached to them - hmmmm

( 12/9/2013 9:23:41 AM)

@Martin: For a while now we have been pretty much absorbed by projects on, but we are switching our attention back to world again. There are a lot of things that need to be fixed and the code section might be one of them. I'll have a look at it soon.

Please login to comment.