editor.vue

      <template>
    <div id="editor">
        <mavon-editor style="height: 100%"></mavon-editor>
    </div>
</template>
<script>
// Local Registration
import { mavonEditor } from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
export default {
    name: 'editor',
    components: {
        mavonEditor
        // or 'mavon-editor': mavonEditor
    }
}
</script>
<style>
#editor {
    margin: auto;
    width: 80%;
    height: 580px;
}
</style>
    

main.js

      import Vue from 'vue';
  var editor = require('./editor.vue');
  new Vue({
    el: '#main',
    render: h => h(editor)
});
    

将文件名与文件路径插入当前光标位置,这是mavon-editor 内置的方法

      const $vm = this.$refs.md
    $vm.insertText($vm.getTextareaDom(),
      {
        prefix: `[${file.name}](${res.data.path})`,
        subfix: '',
        str: ''
      })
    

声明

作者: liyao

版权:本博客所有文章除特别声明外,均采用CCBY-NC-SA4.O许可协议。转载请注明!

最后更新于 2026-02-17 19:36 history