Editor Markdown v3.9.3+
Originalmente utilizado simplemde-markdown-editor como editor de markdown, pero esta biblioteca no se ha actualizado y mantenido durante mucho tiempo, y también existe el riesgo de xss. Así que después de la v3.9.3+ versión, Usa tui.editor como el nuevo editor. Todos los siguientes documentos están basados en tui.editor. Más contenido.
Props
| Nombre | Tipo | Predeterminado | Descripción |
|---|---|---|---|
| valor | String | " " | Esta propiedad puede cambiar el contenido del editor. Si estás usando v-model, no lo uses. |
| opciones | Object | following defaultOptions | Opciones de tui.editor. Esto es para inicializar tui.editor. |
| altura | String | '300px' | Esta propiedad puede controlar la altura del editor. |
| modo | String | 'markdown' | Esta propiedad puede cambiar el modo del editor. (markdownor wysiwyg) |
| idioma | String | 'en_US' | i18n |
const defaultOptions = {
minHeight: '200px',
previewStyle: 'vertical',
useCommandShortcut: true,
useDefaultHTMLSanitizer: true,
usageStatistics: false,
hideModeSwitch: false,
toolbarItems: [
'heading',
'bold',
'italic',
'strike',
'divider',
'hr',
'quote',
'divider',
'ul',
'ol',
'task',
'indent',
'outdent',
'divider',
'table',
'image',
'link',
'divider',
'code',
'codeblock'
]
}
Methods
- setValue
- getValue
- setHtml
- getHtml
Example
<template>
<markdown-editor v-model="content" />
</template>
<script>
import MarkdownEditor from '@/components/MarkdownEditor'
export default {
data() {
return {
content: '',
}
}
}
</script>