vue —— vue 富文本(vue2-editor)

作者:神秘网友 发布时间:2020-11-01 12:28:20

vue —— vue 富文本(vue2-editor)

vue —— vue 富文本(vue2-editor)

npm install vue2-editor --save 安装至项目中

<template>
  <div>
    <vue2-editor v-model="htmlStr" :editorToolbar="customToolbar"></vue2-editor>
  </div>
</template>
<script>
  import {VueEditor} from 'vue2-editor'
  export default {
    name: 'Vue2Editor',
    data() {
      return {
        htmlStr: '',
        customToolbar: [
          ['bold', 'italic', 'underline'],
          [{'list': 'ordered'}, {'list': 'bullet'}],
          [{'indent': '-""'}, {'indent': '+""'}],
          [{'header': '2'}], ['clean'], [{'align': 'center'}, {'align': 'justify'}, {'align': 'right'}]
        ]
      }
    },
    methods: {},
  }
</script>
<style>
</style>
  • vue2-editor相关配置描述：

vue —— vue 富文本(vue2-editor)

  • vue2-editor事件描述：
    vue —— vue 富文本(vue2-editor)

  • vue2-editor工具栏描述：
    vue —— vue 富文本(vue2-editor)

vue —— vue 富文本(vue2-editor)相关教程

  1. webpack手搭简易版vue

    webpack手搭简易版vue 首先新建一个空的文件夹，执行如下命令： npm init -y 这里小编偷懒选择自动生成， 接着生成我们的package.json文件，之后开始准备我们需要的插件； webpack相关npm install webpack webpack-cli --save-dev css相关， 由于简单演示这里

  2. vue脚手架 登录弹出框连接本地数据库

    vue脚手架 登录弹出框连接本地数据库 新学了vue脚手架，接着把登录弹出框的小例子写完。 html+css及部分js在我前两个博客中哦！ 1.脚手架目录结构 2.后台 在脚手架的根目录下创建新的文件夹server 在server/index.js 中定义监听后端服务器，挂载路由、监听端

  3. vue中使用Bootstrap，图文详解

    vue中使用Bootstrap，图文详解 在控制台项目文件及下执行： npm install jquery --savenpm install bootstrap --savenpm install popper.js --save 配置webpack.base.conf.js： //在顶部添加const webpack = require('webpack') //在module.exports = {}末尾

  4. Vue：指令概述

    Vue：指令概述 一，指令 在之前的Vue文章中我们已经使用过指令了，比如v-bind、v-pre等。 其实 指令Directives 就是带有 v- 前缀的特殊attribute。 指令attribute的值预期是单个JavaScript表达式 (v-for 是例外情况)。 指令的职责是当表达式的值改变时，将其

  5. Vue3.0学习

    Vue3.0学习 VUE3.0 学习笔记（vite） 在vue3.0中，使用组合API，也就是将以往的data、metods、watch等函数可以直接写在setup()里面， 有好处就是，一个功能的数据、方法、计算等等都可以放在一块，便于维护 注意：在setup()定义的变量和方法，如需在外部使用

  6. vue项目不同环境配置——同时打包和启动多套环境(手把手 包教包

    vue项目不同环境配置——同时打包和启动多套环境(手把手 包教包会) 测试环境、本地环境、正式环境、阶段性提交环境同时并存，是否已经厌烦了这种每次需要改代码的配置和地址方式？ 先上效果图 第一套启动环境 第一套部署环境 第二套启动环境 第二套部署环境 o

  7. 【Spring Cloud + Vue 有来商城】研发小组开发规范手册

    【Spring Cloud + Vue 有来商城】研发小组开发规范手册 项目演示 感兴趣的朋友可以给个star哦，项目源码请点击：youlai-mall 后端 Spring Cloud实战 | 第一篇：Windows搭建Nacos服务 Spring Cloud实战 | 第二篇：Spring Cloud整合Nacos实现注册中心 Spring Cl

  8. 超简单vue-devtools工具安装

    超简单vue-devtools工具安装 vue-devtools工具安装 1.下载vue-devtools 2.安装工具 3.工具使用 1.下载vue-devtools 下载地址:vue-devtools 或使用git下载 $ git clone https://github.com/vuejs/vue-devtools 2.安装工具 $ cd ./vue-devtools/#切换到master$