substance/packages/heading/HeadingHTMLConverter.js

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.

export default {

  type: "heading",

  matchElement: function(el) {
    return /^h\d$/.exec(el.tagName)
  },

  import: function(el, node, converter) {
    node.level = Number(el.tagName[1])
    let textAlign = el.attr('data-text-align')
    node.textAlign = textAlign || 'left'
    node.content = converter.annotatedText(el, [node.id, 'content'])
  },

  export: function(node, el, converter) {
    el.tagName = 'h'+node.level
    // Only serialize when not left-aligned
    if (node.textAlign !== 'left') {
      el.attr('data-text-align', node.textAlign)
    }
    el.append(
      converter.annotatedText([node.id, 'content'])
    )
  }

}