quill

Quill Editor : Check for change in content in Angular?

由 落花浮王杯 提交于 2020-12-15 05:24:17
问题 I have implemented quill editor in Angular by creating new instance of quill and creating custom toolbar. this.quill = new Quill('#editor-container', { modules: { toolbar: '#toolbar-container' }, theme: 'snow' // or 'bubble' }); I have a "update" button which would call the update API. I need to check if the contents of the Quill editor has changed. I am aware of quill.on('text-change'): this.quill.on('text-change', function(delta, oldDelta, source) { if (source == 'api') { console.log('An

uniapp,vue 修改v-html中的样式

由 大兔子大兔子 提交于 2020-11-26 08:26:24
最近使用Quill富文本编辑器，发现富文本中的图片太宽导致，在移动端超出屏幕 <view v-html="detail" class="detail-box"></view> 解决办法： 通过 >>> 穿透修改 <style scoped> .detail-box >>> img{ width: 100%; } <style> 2：通过正则来修改 this.detail = this.detail.replace(/\<img/gi, '<img style="max-width:100%;height:auto" '); 来源： oschina 链接： https://my.oschina.net/u/4302800/blog/4748733

vue富文本编辑器

由 ﹥＞﹥吖頭↗ 提交于 2020-11-21 05:57:54
基于webpack和vue 一、npm 安装 vue-quill-editor 二、在main.js中引入 import VueQuillEditor from 'vue-quill-editor' // require styles 引入样式 import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' Vue.use(VueQuillEditor) 三、在模块中引用<template> <quill-editor v-model="content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)"> </quill-editor> </template> <script> import { quillEditor } from 'vue-quill-editor' export default{ data(){ return { content:null, editorOption:{} } },

vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决

由 拟墨画扇 提交于 2020-11-08 10:58:21
vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决 参考文章： （1）vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决 （2）https://www.cnblogs.com/jsonYoung/p/9504084.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/stackoom/blog/4707960
订阅 quill