Danne Tempel
Aug 5, 2010
(4 votes)

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


Sep 21, 2010 10:33 AM

Finally! Hehe It's nice to have a quiet summer to be able to finnish up a few projects.

smithsson68@gmail.com Sep 21, 2010 10:33 AM

Nice picture Daniel :-)

Per Hemmingson
Per Hemmingson Sep 21, 2010 10:33 AM

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

Eric Sep 21, 2010 10:33 AM

Finally!! Great work! :)

Sep 21, 2010 10:33 AM


Sep 21, 2010 10:33 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? ;-)

theo.kokonas@rufusleonard.com Oct 5, 2010 10:42 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
Martin Pickering Dec 8, 2013 05:38 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

Dec 9, 2013 09:23 AM

@Martin: For a while now we have been pretty much absorbed by projects on episerver.com, 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.
Latest blogs
Caching & Rendering of metadata from the DAM

For the EPiServer.Cms.WelcomeIntegration.UI 1.2.0 release, we have facilitated the ability to cache and render metadata from assets within the DAM....

Matthew Slim | Jun 2, 2023

Conversion Rate Optimization: Maximizing ROI through Data-Driven Decisions

In today's digital landscape, businesses are constantly looking for ways to improve their online presence and drive more conversions. One effective...

JessWade | Jun 1, 2023

Enhance Your Writing with Suggestions

Are you tired of staring at a blank screen, struggling to find the right words? The Epicweb.Optimizely.AIAssistant Addon is here to revolutionize...

Luc Gosso (MVP) | May 31, 2023 | Syndicated blog

Content Graph - Letting GraphQL do all the hard work for you

Background As we have seen before, setting up Content Graph on the CMS side is pretty easy. However, when it comes to the “head” part of the setup,...

Kunal Shetye | May 26, 2023 | Syndicated blog