grapesjs-clot/src/dom_components/model/ComponentTable.js

Free and Open Source Web Builder Framework

import Component from './Component';
import { toLowerCase } from 'utils/mixins';

const type = 'table';

export default Component.extend(
  {
    defaults: {
      ...Component.prototype.defaults,
      type,
      tagName: type,
      droppable: ['tbody', 'thead', 'tfoot']
    },

    initialize(o, opt) {
      Component.prototype.initialize.apply(this, arguments);
      const components = this.get('components');
      !components.length && components.add({ type: 'tbody' });
    }
  },
  {
    isComponent: el => toLowerCase(el.tagName) === type
  }
);