I would like to know how to create custom Markup Language?

For example:

<sn:editor>
This is text inside the editor.
<sn:editor-heading>This is the heading</sn:editor-heading>
</sn:editor>

Output:

Then convert to standard XHML and include CSS.