Wednesday, 5 June 2013

Adding Markdown support to TeamMentor's Article 'view and edit workflow'

After Adding MarkdownDeep Web Editor and Editing/Viewing an TeamMentor Article, the next step was to add Markdown support to the main TeamMentor's Article rendering and editing workflow.

Since all the heavy lifting was already done, adding these capabilities was relatively easy to do with the code that can be see on the 2ead06cf1098872849f8e1d68fb3215e2668f502 commit:

image

As with normal TM development I have a TM QA version in Azure that I am able to quickly push the code.

image

This version has this article (see below), which is already in Markdown text, BUT the DataType is still HTML

image

So I opened up the article in a new window, and clicked on the ‘Edit Source’ button:

image

… changed the DataType to Markdown

image

… saved changes:

image

…clicked on View Article:

image

And the article now shows OK in the article viewer (ie with the Markdown transformation):

image

In this page, if we click on the Markdown Editor button, we will get the Markdown editor:

image

... where we can edit the article (and see the preview in real time)

image

Clicking on Save:

image

…will submit the article to be saved and redirect back into the article viewer (where the content changes will be shown):

image

The main UI also now supports Markdown articles (and shows the content changes)

image