zoukankan      html  css  js  c++  java
  • 04、springboot+security+vue个人博客系统之获取mavon-editor编译器中的文字

    1、mavon-editor是一款基于vue的markdown编辑器,个人感觉这个编译器比kingEditor用的稍微爽一些,这个编译器带效果预览。大家简单粗暴的了解一下吧!

     2、vue-cli中安装

    npm install mavon-editor --save

    在vue-cli构建的脚手架离得main.js可以像这样引用:

        // 全局注册
        import Vue from 'vue'
        import mavonEditor from 'mavon-editor'
        import 'mavon-editor/dist/css/index.css'
        // use
        Vue.use(mavonEditor)
        new Vue({
            'el': '#main'
        })

    在具体的组件里html里定义挂载点

    <div id="main">
        <mavon-editor/>
    </div>

    想要获取在编译器中输入的文字要这样设置

    <div id="main">
        <mavon-editor  ref="md"/>
    </div>

    通过this.$refs.md.d_render 来获取其中的内容(获取的时候连html格式 一并获取哦)

    想要了解使用该编译器进行图片上传请参考博客:

    https://www.jianshu.com/p/78ea4f94a3d0

  • 相关阅读:
    Ext.form.RadioGroup
    Ext:ComboBox实战
    Ext.Ajax.request
    下拉菜单
    为Ext添加下拉框和日期组件
    点击grid单元格弹出新窗口
    好用的sql
    数据库连接池总是断开
    POI 自用API
    String 操作
  • 原文地址:https://www.cnblogs.com/gfbzs/p/12173019.html
Copyright © 2011-2022 走看看