Markdown Bone

Introducción

Componente lógico.

Código fuente

<script>
import {
  convertObjectKeysFromKhebabToCamelCase,
} from '../../../helpers/propsGenerator'

// Copied from node_modules/@kangc/v-md-editor/src/components/container.vue
const props = {
  value: {
    type: String,
    default: '',
    required: true
  },
  height: {
    type: String,
    default: '400px'
  },
  leftToolbar: {
    type: String, // removed code
    default: "undo redo clear | h bold italic strikethrough quote | ul ol table hr | link image | save",
  },
  rightToolbar: {
    type: String, // removed toc
    default: "preview sync-scroll fullscreen",
  },
  toolbars: Object,
  fullscreen: Boolean,
  noresize: Boolean,
  disabledMenus: Array,
  leftAreaVisible: Boolean,
  leftAreaTitle: String,
  leftAreaWidth: {
    type: String,
    default: '200px',
  },
  leftAreaReverse: Boolean,
  mode: {
    type: String,
    default: 'editable',
  },
}

export default {
  props,
  render () {
    return this.$scopedSlots.default({
      ...convertObjectKeysFromKhebabToCamelCase(this.$attrs.props)
    })
  }
};

</script>