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
4 tips and tricks for Hangfire on Optimizely CMS

Here are four useful tricks I always apply to any site where I use Hangfire (code included).

Stefan Holm Olsen | Mar 21, 2023 | Syndicated blog

The new LinkItem property in Optimizely CMS, and why it matters

In the past, we have used different tricks to achieve this. Now, the LinkItem property is finally built-in in Optimizely CMS 12!

Tomas Hensrud Gulla | Mar 20, 2023 | Syndicated blog

A day in the life of an Optimizely Developer - Vertical Slicing in CMS12

There is such a vast choice these days in how you can build a website, aside from all of the different programming languages out there, there are...

Graham Carr | Mar 20, 2023

Tag Helpers in CMS 12

Microsoft introduced the TagHelper back in the primordial soup of ASP.NET vNext which became .Net 5, then .NET Core then .Net 5 you know the drill…...

MartinOttosen | Mar 20, 2023