Translate Markdown to Document Object Model (DOM)

To programmatically read, manipulate, and modify the content and formatting of a document, you need to translate it to the Aspose.Words Document Object Model (DOM).

In contrast to Word documents, Markdown does not conform to the DOM described in the Aspose.Words Document Object Model (DOM) article. However, Aspose.Words provides its own mechanism for translating Markdown documents to DOM and back, so that we can successfully work with their elements such as text formatting, tables, headers, and others.

This article explains how the various markdown features can be translated into Aspose.Words DOM and back to Markdown format.

Complexity of Translation Markdown – DOM – Markdown

The main difficulty of this mechanism is not only to translate Markdown to DOM, but also to do the reverse transformation – to save the document back to Markdown format with minimal loss. There are elements, such as multilevel quotes, for which the reverse transformation is not trivial.

Our translation engine allows users not only to work with complex elements in an existing Markdown document, but also to create their own document in Markdown format with the original structure from scratch. To create various elements, you need to use styles with specific names according to certain rules described later in this article. Such styles can be created programmatically.

Common Translation Principles

We use Font formatting for inline blocks. When there is no direct correspondence for a Markdown feature in Aspose.Words DOM, we use a character style with a name that starts from some special words.

For container blocks, we use style inheritance to denote nested Markdown features. In this case, even when there are no nested features, we also use paragraph styles with a name that starts from some special words.

Bulleted and ordered lists are container blocks in Markdown as well. Their nesting is represented in DOM the same way as for all other container blocks using style inheritance. However, additionally, lists in DOM have corresponded number formatting in either list style or paragraph formatting.

Inline Blocks

We use Font formatting when translating Bold, Italic or Strikethrough inline markdown features.

Markdown feature	Aspose.Words
Bold **bold text**	get_Font()->set_Bold(true)
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // Make the text Bold. builder->get_Font()->set_Bold(true); builder->Writeln(u"This text will be Bold");
Italic *italic text*	get_Font()->set_Italic(true)
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // Make the text Italic. builder->get_Font()->set_Italic(true); builder->Writeln(u"This text will be Italic");
Strikethrough ~Strikethrough text~	get_Font()->set_StrikeThrough(true)
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // Make the text Strikethrough. builder->get_Font()->set_StrikeThrough(true); builder->Writeln(u"This text will be Strikethrough");

We use a character style with a name that starts from the word InlineCode, followed by an optional dot (.) and a number of backticks (`) for the InlineCode feature. If a number of backticks is missed, then one backtick will be used by default.

Markdown feature	Aspose.Words
InlineCode **inline code**	get_Font()->set_StyleName(u"InlineCode[.][N]")
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // Number of backticks is missed, one backtick will be used by default. auto inlineCode1BackTicks = builder->get_Document()->get_Styles->Add(StyleType::Character, u"InlineCode"); builder->get_Font()->set_Style(inlineCode1BackTicks); builder->Writeln(u"Text with InlineCode style with 1 backtick"); // There will be 3 backticks. auto inlineCode3BackTicks = builder->get_Document()->get_Styles->Add(StyleType::Character, u"InlineCode.3"); builder->get_Font()->set_Style(inlineCode3BackTicks); builder->Writeln(u"Text with InlineCode style with 3 backtick");
Autolink <scheme://domain.com> <[e-mail]>	The FieldHyperlink class.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // Insert hyperlink. builder->InsertHyperlink(u"https://www.aspose.com", u"https://www.aspose.com", false); builder->InsertHyperlink(u"[e-mail]", u"mailto:[e-mail]", false);
Link [link text](url) [link text](<url> "title") [link text](url 'title') [link text](url (title))	The FieldHyperlink class.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // Insert hyperlink. builder->InsertHyperlink(u"Aspose", u"https://www.aspose.com", false);
Image    )	The Shape class.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto doc = System::MakeObject<Document>(); auto builder = System::MakeObject<DocumentBuilder>(doc); // Insert image. auto shape = System::MakeObject<Shape>(doc, ShapeType::Image); shape->set_WrapType(WrapType::Inline); shape->get_ImageData()->set_SourceFullName(u"/attachment/1456/pic001.png"); shape->get_ImageData()->set_Title(u"title"); builder->InsertNode(shape);

Container Blocks

A document is a sequence of container blocks such as headings, paragraphs, lists, quotes, and others. Container blocks can be divided into 2 classes: Leaf blocks and Complex Containers. Leaf blocks can only contain inline content. Complex containers, in turn, can contain other container blocks, including Leaf blocks.

Leaf Blocks

The table below shows examples of using Markdown Leaf blocks in Aspose.Words:

Markdown feature	Aspose.Words
HorizontalRule -----	This is a simple paragraph with a corresponding HorizontalRule shape: DocumentBuilder::InsertHorizontalRule()
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // Insert horizontal rule. builder->InsertHorizontalRule();
ATX Heading # H1, ## H2, ### H3…	get_ParagraphFormat()->set_StyleName(u"Heading N"), where (1<= N <= 9). This is translated into a built-in style and should be exactly of the specified pattern (no suffixes or prefixes are allowed). Otherwise, it will be just a regular paragraph with a corresponding style.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // By default Heading styles in Word may have Bold and Italic formatting. // If we do not want to be emphasized, set these properties explicitly to false. builder->get_Font()->set_Bold(false); builder->get_Font()->set_Italic(false); builder->get_ParagraphFormat()->set_StyleName(u"Heading 1"); builder->Writeln(u"This is an H1 tag");
Setext Heading === (if Heading level 1), --- (if Heading level 2)	get_ParagraphFormat->set_StyleName(u"SetextHeading[some suffix]"), based on ‘Heading N’ style. If (N >= 2), then ‘Heading 2’ will be used, otherwise ‘Heading 1’. Any suffix is allowed, but Aspose.Words importer uses numbers “1” and “2” respectively.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto doc = System::MakeObject<Document>(); auto builder = System::MakeObject<DocumentBuilder>(doc); builder->get_ParagraphFormat()->set_StyleName(u"Heading 1"); builder->Writeln(u"This is an H1 tag"); // Reset styles from the previous paragraph to not combine styles between paragraphs. builder->get_Font()->set_Bold(false); builder->get_Font()->set_Italic(false); auto setexHeading1 = builder->get_Document()->get_Styles->Add(StyleType::Paragraph, u"SetextHeading1"); builder->get_ParagraphFormat()->set_Style(setexHeading1); doc->get_Styles()->idx_get(u"SetextHeading1")->set_BaseStyleName(u"Heading 1"); builder->Writeln(u"Setext Heading level 1"); builder->get_ParagraphFormat()->set_Style(doc->get_Styles()->idx_get(u"Heading 3")); builder->Writeln(u"This is an H3 tag"); // Reset styles from the previous paragraph to not combine styles between paragraphs. builder->get_Font()->set_Bold(false); builder->get_Font()->set_Italic(false); auto setexHeading2 = builder->get_Document()->get_Styles->Add(StyleType::Paragraph, u"SetextHeading2"); builder->get_ParagraphFormat()->set_Style(setexHeading2); doc->get_Styles()->idx_get(u"SetextHeading2")->set_BaseStyleName(u"Heading 3"); // Setex heading level will be reset to 2 if the base paragraph has a Heading level greater than 2. builder->Writeln(u"Setext Heading level 2");
Indented Code	get_ParagraphFormat->set_StyleName(u"IndentedCode[some suffix]")
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto doc = System::MakeObject<Document>(); auto builder = System::MakeObject<DocumentBuilder>(doc); auto indentedCode = builder->get_Document()->get_Styles->Add(StyleType::Paragraph, u"IndentedCode"); builder->get_ParagraphFormat()->set_StyleName(indentedCode); builder->Writeln(u"This is an indented code");
Fenced Code ``` c# if () then else ```	get_ParagraphFormat()->set_StyleName(u"FencedCode[.][info string]") The [.] and [info string] are optional.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto doc = System::MakeObject<Document>(); auto builder = System::MakeObject<DocumentBuilder>(doc); auto fencedCode = builder->get_Document()->get_Styles->Add(StyleType::Paragraph, u"FencedCode"); builder->get_ParagraphFormat()->set_StyleName(fencedCode); builder->Writeln(u"This is an fenced code"); auto fencedCodeWithInfo = builder->get_Document()->get_Styles->Add(StyleType::Paragraph, u"FencedCode.C#"); builder->get_ParagraphFormat()->set_StyleName(fencedCodeWithInfo); builder->Writeln(u"This is a fenced code with info string");

Complex Containers

The table below shows examples of using Markdown Complex Containers in Aspose.Words:

Markdown feature	Aspose.Words
Quote > quote, >> nested quote	get_ParagraphFormat()->set_StyleName(u"Quote[some suffix]") The suffix in style name is optional, but Aspose.Words importer uses the ordered numbers 1, 2, 3, …. in case of nested quotes. The nesting is defined via the inherited styles.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto doc = System::MakeObject<Document>(); auto builder = System::MakeObject<DocumentBuilder>(doc); // By default a document stores blockquote style for the first level. builder->get_ParagraphFormat()->set_StyleName(u"Quote"); builder->Writeln(u"Blockquote"); // Create styles for nested levels through style inheritance. auto quoteLevel2 = builder->get_Document()->get_Styles->Add(StyleType::Paragraph, u"Quote1"); builder->get_ParagraphFormat()->set_StyleName(quoteLevel2); builder->get_Document()->get_Styles->idx_get(u"Quote1")->set_BaseStyleName(u"Quote"); builder->Writeln(u"1. Nested blockquote");
BulletedList - Item 1 - Item 2 - Item 2a - Item 2b	Bulleted lists are represented using paragraph numbering: get_ListFormat()->ApplyBulletDefault() There can be 3 types of bulleted lists. They are only diff in a numbering format of the very first level. These are: ‘-’, ‘+’ or ‘*’ respectively.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); builder->get_ListFormat()->ApplyBulletDefault(); builder->get_ListFormat()->get_List()->get_ListLevels()->idx_get(0)->set_NumberFormat(u"-"); builder->Writeln(u"Item 1"); builder->Writeln(u"Item 2"); builder->get_ListFormat()->ListIndent(); builder->Writeln(u"Item 2a"); builder->Writeln(u"Item 2b");
OrderedList 1. Item 1 2. Item 2 1) Item 2a 2) Item 2b	Ordered lists are represented using paragraph numbering: get_ListFormat()->ApplyNumberDefault() There can be 2 number format markers: ‘.’ and ‘)’. The default marker is ‘.’.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); builder->get_ListFormat()->ApplyBulletDefault(); builder->get_ListFormat()->get_List()->get_ListLevels()->idx_get(0)->set_NumberFormat(System::String::Format(u"{0}.", (char16_t)0)); builder->get_ListFormat()->get_List()->get_ListLevels()->idx_get(1)->set_NumberFormat(System::String::Format(u"{0}.", (char16_t)1)); builder->Writeln(u"Item 1"); builder->Writeln(u"Item 2"); builder->get_ListFormat()->ListIndent(); builder->Writeln(u"Item 2a"); builder->Writeln(u"Item 2b");

Tables

Aspose.Words also allows to translate tables into DOM, as shown below:

Markdown feature	Aspose.Words
Table a|b -|- c|d	Table, Row and Cell classes.
For complete examples and data files, please go to https://github.com/aspose-words/Aspose.Words-for-C // Use a document builder to add content to the document. auto builder = System::MakeObject<DocumentBuilder>(); // Add the first row. builder->InsertCell(); builder->Writeln(u"a"); builder->InsertCell(); builder->Writeln(u"b"); // Add the second row. builder->InsertCell(); builder->Writeln(u"c"); builder->InsertCell(); builder->Writeln(u"d");

See Also

• Working with Markdown Features