quill-blot-formatter 在vite + vue3的生产环境中报错

最新推荐文章于 2024-08-16 09:43:43 发布

小黄小黄吃三碗

最新推荐文章于 2024-08-16 09:43:43 发布

阅读量245

点赞数 5

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_40191457/article/details/140655001

版权

一开始，quill-image-resize-module 无法使用

将插件替换成quill-blot-formatter

本地环境测试没有问题，但是！打包后生产环境报错

Super expression must either be null or a function

需要修改BlotFormatter的引入方式！

改为 import BlotFormatter from 'quill-blot-formatter/dist/BlotFormatter';

打包测试，没有问题！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小黄小黄吃三碗

关注关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue3使用vue-quill富文本图片缩放、拖拽功能

不甜呐的博客

06-13

3029

Vue3使用富文本插件图片缩放、拖拽功能。

quill-blot-formatter:用于Quill的模块，允许调整编辑器元素的大小，重新放置等

05-23

羽毛笔墨迹格式化程序用于格式化文档模块。在很大程度上受启发。开箱即用支持调整图像和iframe视频的大小和重新，但是可以使用和轻松扩展。演示版安装使用yarn ： yarn add quill-blot-formatter 使用npm ： npm install --save quill-blot-formatter 用法作为模块 import Quill from 'quill' ; // from the index, which exports a lot of useful modules import BlotFormatter from 'quill-blot-formatter' ; // or, from each individual module import BlotFormatter from 'quill-blot-formatter/d

1 条评论您还未登录，请先登录后发表或查看评论

Vue项目打包问题（生产环境样式失效）

m0_49909696的博客

01-06

8479

Vue项目打包问题解决

解决Vue3+Vite使用富文本插件quill-image-resize-module打包时报错image-resize.min.js没有默认导出

weixin_51002293的博客

06-22

2319

2. 搜索引擎检索出来的都是引入的报错，可以将ImageResize改为imageResize，未解决。1. 查看quill-image-resize-module源码，正确导出了ImageResize。5. 上github查找是否有类似问题，解决。3. 将默认导入改为按需导入，未解决。4. 卸载依赖重装，未解决。

Quill Blot Formatter 使用教程

gitblog_00119的博客

08-16

856

Quill Blot Formatter 使用教程 quill-blot-formatterA module for Quill that allows editor elements to be resized, repositioned, etc.项目地址:https://gitcode.com/gh_mirrors/qu/quill-blot-formatter 项目介绍 Quill Bl...

Formee 开源项目教程

最新发布

gitblog_00578的博客

08-16

627

Formee 开源项目教程 formeeA tiny (532B) library for handling elements.项目地址:https://gitcode.com/gh_mirrors/fo/formee 1. 项目的目录结构及介绍 Formee 项目的目录结构如下： formee/ ├── dist/ │ ├── formee.css │ ├── formee.js │...

vue3.0 vue-quill-editor.rar

09-19

在Vue3.0环境下使用Vue-Quill-Editor，需要确保组件与新版本的Vue兼容，以充分利用Vue3.0的改进和提升。 Vue CLI 3 是Vue.js的命令行工具，用于快速搭建Vue项目。它简化了项目配置，提供了开箱即用的脚手架，支持热...

Quill-mathLive-blot:BlotExtension，用于Quill.js嵌入可编辑公式与mathLive

05-13

Quill.js的Blot / Extension，用于将可编辑的公式嵌入mathLive。安装： npm install quill-mathlive-blot 用法：导入鹅毛笔 import mathLiveBlot from "quill-mathlive-blot" ; // MathLive options can be ...

vue-quill:Vue 3组件的笔管编辑器

03-21

VueQuill是用于构建富文本编辑器的Vue组件，此软件包是Quill的一个薄包装，使它在Vue 3应用程序中更易于使用。 :green_heart:使用Vue 3构建：比以前更强大，更高效的框架。 :male_sign:‍:male_sign:完全打字稿： ...

Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义

10-16

在本文中，我们将深入探讨如何在Vue项目中集成Element UI和vue-quill-editor，创建一个功能丰富的富文本编辑器，并实现图片的自定义上传。Vue是一个轻量级、高效的前端框架，Element UI则是一个基于Vue的组件库，...

quill-delta-parser:一个PHP库，用于将Quill WYSIWYG Delta解析并呈现为HTML-Flexibel可扩展用于自定义元素

05-06

将Delta插入HTML解析器一个PHP库，用于将编辑器解析为灵活且可扩展用于自定义元素。每个元素都通过相同的机制进行解析，这使得扩展和理解变得容易。什么是鹅毛笔？ Quill是为现代Web构建的免费，开源WYSIWYG编辑器。凭借其模块化架构和富有表现力的API，它可以完全自定义以适应任何需求。安装该软件包仅可通过composer获得： composer require nadar/quill-delta-parser 用法 // ensure to load the autoload file from composer somehwere in your application require __DIR__ . '/vendor/autoload.php' ; // create the lexer object with your given quill json

quill-data-format

06-27

羽毛笔数据格式该存储库包含 quill 数据格式的规范。数据格式为 jsonschema。它可用于创建导入/导出实用程序。 quill 可以导入任何符合此模式的 JSON 数据集。运行测试 npm run test

详解vue中使用vue-quill-editor富文本小结（图片上传）

12-11

vue-quill-editor是我们再使用vue框架的时候常用的一个富文本编辑器，在进行富文本编辑的时候，我们往往要插入一些图片，vue-quill-editor默认的处理方式是直接将图片转成base64编码，这样的结果是整个富文本的html...

vue3 使用 vue-quill-editor 时报错 TypeError: Cannot read properties of undefined (reading ‘_c‘)

a3219066443的博客

05-24

371

在VUe3中使用vue-quill-editor引入有问题刚开始的引入格式。在引入时加上“/src”就行。

Vue3 中vue-quill富文本编辑器图片缩放

PinelliaLogic的博客

04-15

458

Vue3 中quill富文本编辑器图片缩放

vue3中引入quill编辑器并且控制图片的大小

weixin_55973411的博客

05-13

766

1.下载quill编辑器。2.下载缩放图片的组件。

Quill QuillEditor (vue3+vite4.0)

weixin_40191457的博客

04-01

442

用法基本与quill-image-resize-module一致，且无需再vite或者webpack里面配置inject！将插件替换成quill-blot-formatter。最后在modules里面配置下。

@vueup/vue-quill 富文本要使用quill-better-table表格插件，必须要依赖quill的v2-dev版本但是如果这样其他的插件比如quill-blot-formatt用不了

Frank_colo的博客

12-22

1363

vueup/vue-quill 富文本要使用quill-better-table表格插件，必须要依赖quill的v2-dev版本，但是如果这样其他的插件比如quill-blot-formatt就用不了，这个插件依赖quill的1版本。如果你的项目同时要用表格插件和其他插件，由于插件依赖的quill版本不同，是会报错的，用不了。也就是说，如果你用表格插件，quill的版本就必须安装v2-dev版本。如果你用其他插件，quill的版本就必须安装v1版本。

quill-blot-formatter

09-29

quill-blot-formatter是一个用于富文本编辑器Quill的插件，用于格式化、处理和管理文本编辑器中的文本框装饰，也称为字形（blots）。 quill-blot-formatter插件的主要功能是允许用户在编辑器中对选择的文本应用特定的样式和格式。用户可以选择文本并通过点击或使用快捷键来添加、删除或修改文本的字体样式、颜色、背景色、字号、加粗、斜体等属性。与其他类似插件不同，quill-blot-formatter可以通过自定义规则和UI控件来定制如何处理和显示这些样式。 quill-blot-formatter插件的核心概念是“装饰”。装饰是指在Quill中应用特定样式和格式的文本块。通过这个插件，用户可以创建和配置多个装饰器，并为每个装饰器自定义适用的条件，例如匹配特定的文本或正则表达式。除了文本样式的应用和管理，quill-blot-formatter还提供了其他功能，如拖拽和缩放文本装饰、允许自定义替换特定文本等。这个插件还可以集成到Quill的工具栏中，以提供更直观和可访问的用户交互体验。总而言之，quill-blot-formatter是一个强大的Quill插件，可以帮助用户轻松管理富文本编辑器中的文本格式和样式。它提供了可自定义的装饰处理规则和用户界面，并为用户提供了各种功能，以使他们更好地使用Quill编辑器来创建和编辑精美的文本内容。