在admin系统中引入富文本编辑器 (vue-quill-editor)

  • 由于公司项目的需求，内容需要更新，那么自然需要admin后台来上传内容，在苦苦寻觅了N个编辑器之后，终于找到了一个比较容易使用，外观也比较美观的

  • vue-quill-editor

  • 首先安装
cnpm install vue-quill-editor --save-dev
  • 然后在需要使用的页面中引用
import { quillEditor } from 'vue-quill-editor'

import 'quill/dist/quill.core.css'

import 'quill/dist/quill.snow.css'

import 'quill/dist/quill.bubble.css'
  • 在页面中调用组件（别忘了在components声明）
components: {

    quillEditor

  },


<div v-if="show" class="editorBox">

          <!-- 调用富文本编辑器												


											
在后台管理系统中引入富文本编辑器 (vue-quill-editor)的更多相关文章
	

    
								
  1. Django项目中添加富文本编辑器django-ckeditor
		
    django-ckeditor库的使用步骤: 1.在命令行下安装django-ckeditor这个库: 命令:pip install django-ckeditor 2.安装成功后,配置Django项 ...
    
		
    2. 
						
  2. bbs项目引入富文本编辑器和处理xss攻击和文章预览
		
    一.富文本编辑上传文章和图片 富文本编辑器我们使用kindeditor,我们首先去官网下载,然后解压,放到我们的static的目录中 然后我们在html中这样使用富文本编辑器 <!DOCTYPE ...
    
		
    3. 
						
  3. web项目中nicedit富文本编辑器的使用
		
    web项目中nicedit富文本编辑器的使用 一.为什么要用富文本编辑器? 先说什么是富文本编辑器吧,普通的html中input或textarea标签只能进行简单的输入,而做不到其他的文本调整功能,甚 ...
    
		
    4. 
						
  4. easyui 后台系统引入富文本编辑器的使用
		
    1.首先,想在项目中引入相关的jar包 2.html页面中加入相关的引用 <!-- kindeditor --> <script type="text/javascript ...
    
		
    5. 
						
  5. angularjs中展示富文本编辑器文本，向DOM中插入元素
		
    前几天在用textangular富文本编辑器插件时,将存储的文本及格式存储到数据库中,但是从后台接口中再向angular页面插入时却不能执行,即在Angular中操作DOM没有实现,后来查看了一下,操 ...
    
		
    6. 
						
  6. ssm项目中ueditor富文本编辑器的使用
		
    一.下载 https://ueditor.baidu.com/website/index.html 将ueditor放到项目中合适的位置 二 . 配置文件上传路径 在utf8-jsp/jsp/conf ...
    
		
    7. 
						
  7. django中ckeditor富文本编辑器使用
		
    1.安装模块 (pillow是python的一个图像处理库) pip install django-ckeditor pip install pillow 2.编辑seetings.py配置文件 IN ...
    
		
    8. 
						
  8. 浅谈layer.open的弹出层中的富文本编辑器为何不起作用！
		
    很多童鞋都喜欢用贤心的layui框架.是的,我也喜欢用,方便,简单.但是呢,有时候项目中的需求会不一样,导致我们用的时候,显示效果可能会不一样,好吧.这样的话,个别遇到的问题总是解决不好,但是呢还是那 ...
    
		
    9. 
						
  9. django—xadmin中集成富文本编辑器ueditor
		
    一.安装 pip命令安装,由于ueditor为百度开发的一款富文本编辑框,现已停止维护,如果解释器为python2,则直接pip install djangoueditor 解压包安装,python3 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. IE8下的兼容小经验
			
    placeholder IE8下不支持HTML5属性placeholder,不过为解决此问题的js插件挺多的,比如:jquery-placeholder.也可以使用jquery来写. last-chi ...
    
			
    2. 
						
  2. 解决Apache日志"internal dummy connection"方法
			
    最近查看服务器中apache日志,发现有大量的 OPTIONS * HTTP/1.0" 200 - "-" "Apache (internal dummy co ...
    
			
    3. 
						
  3. Linux的一些简单命令操作总结
			
    防火墙 查看防火墙状态 systemctl status iptables (或service iptables status) 关闭防火墙 systemctl stop iptables(或serv ...
    
			
    4. 
						
  4. Directx11 教程(2) 基本的windows应用程序框架(2)
			
    原文:Directx11 教程(2) 基本的windows应用程序框架(2)      在本教程中,我们把前面一个教程的代码,进行封装.把初始化函数,Run函数,窗口回调函数,ShutdownWind ...
    
			
    5. 
						
  5. OpenTelemetry-可观察性的新时代
			
    有幸在2019KubeCon上海站听到Steve Flanders关于OpenTelemetry的演讲,之前Ops领域两个网红项目OpenTracing和OpenCensus终于走到了一起,可观察性统 ...
    
			
    6. 
						
  6. RDS 5.7三节点企业版时代的数据一致性解决方案
			
    上篇我们看到了在MySQL主备模式下,我们在数据一致性上做了不少事情,但解决方案都有一定的局限性,适合部分场景或者解决不彻底的问题.随着以Google Spanner以及Amazon Aruora 为 ...
    
			
    7. 
						
  7. Chrome的使用技巧总结
			
    设置一>” 首先设置打开特定的网页 设置--> “下载位置” (Ctrl+H),快速查找自己浏览器访问网页的历史记录 (Ctrl+D),将目前认为比较好的网页保存. ctrl+t  新建标 ...
    
			
    8. 
						
  8. Effective C++: 05实现
			
    26:尽可能延后变量定义式的出现时间 1:只要你定义了一个变量而其类型带有一个构造函数或析构函数,那么当程序的控制流到达这个变量定义式时,你便得承受构造成本:当这个变量离开其作用域时,你便得承受析构成 ...
    
			
    9. 
						
  9. OpenStack宣布用Kubernetes重写底层编排引擎
			
    Mirantis是OpenStack的主要贡献者,今天他宣布将使用Kubernetes作为底层编排引擎重写其私有云平台.我们认为这是推进OpenStack和Kubernetes 社区伟大的一步. Op ...
    
			
    10. 
						
  10. sql —— having
			
    在 SQL 中增加 HAVING 子句原因是,WHERE 关键字无法与聚合函数一起使用.HAVING 子句可以让我们筛选分组后的各组数据. 原表: 我们可以对上面数据根据性别这个字段进行分组查询,分别 ...
    
			
    11.