VUE
vue项目引入vue-markdown-editor问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区我按照https://ckang1229.gitee.io/vue-markdown-editor/zh/examples/codemirror-editor.html#%E5%BC%95%E5%85%A5官网的指引在vue项目中引入这个组件，但是当我运行起来的时候着实是有点奇怪，因为这个引入的md编辑器他写东西是居中对齐的，目前我还不知道怎么解决，运行效果如图所示，他的字是在中间写的，我不知道怎么才能给他改成左对齐
main.js如下
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import VMdEditor from '@kangc/v-md-editor/lib/codemirror-editor';
import '@kangc/v-md-editor/lib/style/codemirror-editor.css';
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
import '@kangc/v-md-editor/lib/theme/style/github.css';
// highlightjs
import hljs from 'highlight.js';
// codemirror 编辑器的相关资源
import Codemirror from 'codemirror';
// mode
import 'codemirror/mode/markdown/markdown';
import 'codemirror/mode/javascript/javascript';
import 'codemirror/mode/css/css';
import 'codemirror/mode/htmlmixed/htmlmixed';
import 'codemirror/mode/vue/vue';
// edit
import 'codemirror/addon/edit/closebrackets';
import 'codemirror/addon/edit/closetag';
import 'codemirror/addon/edit/matchbrackets';
// placeholder
import 'codemirror/addon/display/placeholder';
// active-line
import 'codemirror/addon/selection/active-line';
// scrollbar
import 'codemirror/addon/scroll/simplescrollbars';
import 'codemirror/addon/scroll/simplescrollbars.css';
// style
import 'codemirror/lib/codemirror.css';
VMdEditor.Codemirror = Codemirror;
VMdEditor.use(githubTheme, {
Hljs: hljs,
});
Vue.use(VMdEditor);
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>'
})
- 页面配置如下
<template>
<v-md-editor v-model="text" height="400px" />
</template>
<script>
export default {
data(){
return{
text: ''
}
}
}
</script>
...全文
相关推荐
vue-editor.md.zip
vue整合editor.md示例，解决多个editor.md同时共存问题，v-model 绑定使用非常方便，js预加载
VUE2.0集成 Markdown 编辑器
速度
前端开源库-medium-editor-markdown
前端开源库-medium-editor-markdown中等编辑器标记，用于添加标记支持的中等编辑器扩展。
利用Electron简单撸一个Markdown编辑器的方法
主要介绍了利用Electron简单撸一个Markdown编辑器的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vueeleform的markdown编辑器
vue-ele-form 的 markdown 编辑器
