关于Aieditor 富文本编译器的使用教程（保姆级）

官网地址：https://aieditor.com.cn/zh

第一步安装:

安装：

npm i aieditor

vue2使用

 <el-card class="box-card">

      <div ref="divRef" style="height: 600px" />

      <button @click="getdata">获取数据</button>

    </el-card>

    <el-card class="box-card">

     <div v-html="datahtml"></div>

    </el-card>

 

js

<script>

  import {AiEditor} from "aieditor";

    import "aieditor/dist/style.css"

export default {

  data() {

    return {

      editdata:null,

      datahtml:''

    };

  },

  mounted(){

    this.editdata = new AiEditor({

                element: this.$refs.divRef,

                placeholder: "点击输入内容...",

                content: 'AiEditor 是一个面向 AI 的开源富文本编辑器。 ',

            })

  },

    methods: {

        getdata(){

           console.log(this.editdata.getText());

           console.log(this.editdata.getHtml());

           this.datahtml = this.editdata.getHtml()

        },

  },

};

</script>