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.

Files

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.