代码拉取完成,页面将自动刷新
$ yarn add @orh/vue-markdown-editor@4
import { createApp } from 'vue';
import App from './App.vue';
import MarkdownEditor from '@orh/vue-markdown-editor';
import 'simplemde/dist/simplemde.min.css';
import 'highlight.js/styles/<theme>.css';
createApp(App).use(MarkdownEditor).mount('#app')
$ yarn add @orh/vue-markdown-editor@3
import Vue from 'vue';
import App from './App.vue';
import VueMarkdownEditor from '@orh/vue-markdown-editor';
import '@orh/vue-markdown-editor/dist/css/vue-markdown-editor.css';
import '@orh/vue-markdown-editor/dist/css/themes/<theme>.css';
Vue.use(VueMarkdownEditor);
new Vue({
el: '#app',
render: h => h(App)
});
<vue-markdown-editor v-model="content"></vue-markdown-editor>
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value |
markdown 文本,可以使用 v-model 双向绑定数据 |
String |
空 |
options |
可传入 simplemde-markdown-editor 的所有配置 |
Object |
{} |
name |
表单 textarea 的 name 属性 |
String |
- |
<vue-marked :value="content" @rendered="handleRendered"></vue-marked>
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value |
markdown 文本 |
String |
空 |
事件 | 说明 | 回调参数 |
---|---|---|
rendered |
marked 渲染完成后触发 |
渲染后的 HTML 代码 |
$ yarn
$ yarn serve
MIT
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。