@atlaskit/adf-schema/dist/esm/schema/nodes/placeholder.js

Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs

import { placeholder as placeholderFactory } from '../../next-schema/generated/nodeTypes';

/**
 * @name placeholder_node
 */

export var placeholder = placeholderFactory({
  parseDOM: [{
    tag: 'span[data-placeholder]',
    getAttrs: function getAttrs(dom) {
      return {
        text: dom.getAttribute('data-placeholder') || placeholder.attrs.text.default
      };
    }
  }],
  toDOM: function toDOM(node) {
    var text = node.attrs.text;
    var attrs = {
      'data-placeholder': text,
      // Needs to be edtiable for mobile to not close keyboard
      contenteditable: 'true'
    };
    return ['span', attrs, text];
  }
});