substance/editor/UnsupportedNodeComponent.js

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing system. It is developed to power our online editing platform [Substance](http://substance.io).

import Component from '../dom/Component'
import IsolatedNodeComponent from './IsolatedNodeComponent'

export default class UnsupportedNodeComponent extends IsolatedNodeComponent {
  _getContentClass () {
    return UnsupportedContentComponent
  }
}

class UnsupportedContentComponent extends Component {
  render ($$) {
    const node = this.props.node
    let data
    if (node._isXMLNode) {
      data = node.toXML().serialize()
    } else if (node.data) {
      data = node.data
    } else {
      data = JSON.stringify(node.toJSON())
    }
    const el = $$('div').addClass('sc-unsupported').append(
      $$('pre').text(data)
    ).attr({
      'data-id': node.id,
      contenteditable: false
    })

    return el
  }
}