凭借其模块化架构和富有表现力的 API,你可完全自定义以满足任何需求。 为什么需要 Quill 内容创建从一开始就是网络的核心。...Quill 公开了自己的文档模型,这是对 DOM 的强大抽象,允许扩展和自定义。Quill 可以支持的格式和内容是没有上限的。用户已经使用它来添加嵌入式幻灯片,交互式清单和 3D 模型。...键盘模块 键盘模块用于为特定上下文中的键盘事件启用自定义行为。...历史模块 历史记录模块负责处理 Quill 的撤消和重做。...maxStack: 500, // 历史记录撤销/重做堆栈的大小 userOnly: true // 仅撤销或重做用户的更改。
vue-datatable:使用Vuejs创建的DataTableView vue-instant:轻松创建自动提示的自定义搜索控件 vue-dragging:使元素可以拖拽 vue-slider-component...:VueJS日期选择器组件 vue-scrollbar:最简单的滚动区域组件 vue-quill:vue组件构建quill编辑器 vue-google-signin-button:导入谷歌登录按钮...vue-svgicon:创建svg图标组件的工具 vue-float-label:VueJS浮动标签模式 vue-baidu-map:基于 Vue 2的百度地图组件库 vue-social-sharing...的封装 vue-svg-icon:vue2的可变彩色svg图标方案 avoriaz:VueJS测试实用工具库 vue-framework7:结合VueJS使用的Framework7组件 vue-bootstrap-modal...vue-simplemde – VueJS的Markdown编辑器组件 vue-quill – vue组件构建quill编辑器 05、图表 Echarts vue-table – 简化数据表格
近日,纯前端表格控件 SpreadJS V11.2 正式推出,全面支持 React 和 Vue,并提供了工作表区域偏移和 CSS 自定义分组等功能。...使用CSS自定义分组界面 您现在可以使用 CSS 类自定义分组界面的外观,包括:图标,线条,分组点和轮廓区域。 工作表区域偏移功能 工作表区域现在有一个偏移量,可以解决边框未显示的问题。...其他增强功能 撤消/重做增强:在以前的版本中,必须使用多个功能处理自定义命令的撤消和重做。现在用户只需要定义“执行”功能,使其更简单。...您现在可以在自定义图标集中为单个IconCriterion 添加自定义图标 以上就是 SpreadJS V11.2 的全部内容,如需了解更多,请访问葡萄城 SpreadJS V11.2 新特性。
★158 - 带任意数目数据的顺畅的滚动DataVisualization ★149 - 数据可视化vue-quill-editor ★149 - 基于Quill适用于Vue2的富文本编辑器Vueditor...UI元素vue-datatable ★87 - 使用Vuejs创建的DataTableViewvue-instant ★86 - 轻松创建自动提示的自定义搜索控件vue-dragging ★86 -...vue-date-picker ★59 - VueJS日期选择器组件vue-scrollbar ★58 - 最简单的滚动区域组件vue-quill ★56 - vue组件构建quill编辑器vue-google-signin-button... ★55 - 导入谷歌登录按钮vue-svgicon ★53 - 创建svg图标组件的工具vue-float-label ★49 - VueJS浮动标签模式vue-baidu-map ★46 - 基于...的封装vue-svg-icon ★116 - vue2的可变彩色svg图标方案avoriaz ★110 - VueJS测试实用工具库vue-framework7 ★83 - 结合VueJS使用的Framework7
简要而准确地描述要撤消或重做的操作。撤消和重做警示框的标题自动包含前缀“撤消”或“重做”(包括尾随空格)。你需要提供一到两个词用于描述撤消或重做的内容,以显示在此前缀之后。...例如,你可以创建警报标题,例如“撤消名称”或“重做地址更改”。 当摇动手势用于呼出撤消和重做操作时,请不要将其用于其他操作。...谨慎提供撤消和重做按钮。当APP提供多种方法来执行相同的任务时,这会令人困惑。如果你的APP确实需要专门的撤消和重做按钮,请使用系统提供的图标并将它们放在预期的位置,例如导航栏。...仅在当前上下文中执行撤消和重做操作。“撤消”和“重做”应该仅对当前上下文产生明确而直接的影响,而不是更早的时候。...考虑提供自定义撤消和重做按钮,以便应用程序在紧凑环境中运行时显示。
History模块维护了一个操作的堆栈,记录了每一次的编辑器操作,比如插入/删除内容、格式化内容等,可以方便地实现撤销/重做等功能。 Keyboard模块用于配置键盘事件,为实现快捷键提供便利。...接下来我们将尝试创建一个自定义模块,加深对Quill模块和模块配置的理解。...当Quill内置模块无法满足我们的需求时,就需要创建自定义模块来实现我们想要的功能。...比如:在EditorX富文本组件中有一个统计编辑器当前字数的功能,该功能就是通过自定义模块来实现的,下面我们将一步一步介绍如何将改该功能封装成独立的Counter模块。...然后通过字符统计模块这个简单的例子介绍如何开发自定义Quill模块,对富文本编辑器的功能进行扩展。
的ECharts组件 vue-quill-editor ★615 - 基于Quill适用于Vue2的富文本编辑器 vue-amap ★571 - 基于Vue 2和高德地图的地图组件 vue-calendar...模拟用户输入选择和删除文本的Vue组件 vue-highcharts ★130 - HighCharts组件 vue-tooltip ★129 - 带绑定信息提示的提示工具 vue-svgicon ★127 - 创建svg图标组件的工具...★65 - vue组件构建quill编辑器 vue-date-picker ★63 - VueJS日期选择器组件 coffeebreak ★62 - 实时编辑CSS组件工具 vue-good-wizard...★49 - 简单高度自定义的星星评级组件 vue-tagsinput ★48 - 基于VueJS的标签组件 vue-tabs ★47 - 多tab页轻型框架 vue-popup-mixin ★47 -...★174 - 滚动到元素的VueJS指令 vue-svg-icon ★157 - vue2的可变彩色svg图标方案 vue-focus ★148 - 可重用VueJS组件的焦点指令 meteor-vue
·允许对可能有用的不可编辑的文本进行选择和复制 人们通常希望将静态内容(如图像标签或社交媒体状态)添加到电子邮件,便笺或网页搜索中。...·不要将编辑类选项添加到按钮 如果你这样做,试图打开选项的人最终会激活按钮。...·使编辑操作可撤消 Edit Menu 在执行操作前不需要确认,因为某人在执行操作后可能会改变主意,因此请务必提供撤消和重做选项。...·用有效的自定义命令展开编辑选项 您可以通过提供app特定命令来增加价值。与标准命令一样,任何自定义命令都应该对选定的文本或对象进行操作。...·在系统提供的命令之后显示自定义命令 不要在系统提供的命令中放入自定义命令,因为系统命令是众所周知且经常使用的。 ·使自定义命令的数量最少 不要让太多选择吞没用户。
你甚至可以添加自己的自定义标签! 带选项卡的多任务 避免多个窗口,让你的桌面整洁。文件具有类似浏览器的选项卡界面,并配有键盘快捷键。...hl=zh-cn&gl=cn下载安装 键盘快捷键 键 功能 Ctrl + C 复制 Ctrl + X 剪切 Ctrl + V 粘贴 Ctrl + A 全选 Ctrl + Z 撤消操作 Ctrl + Y...重做操作 Ctrl + T 创建新选项卡 Ctrl + W 关闭选项卡 Ctrl + F4 关闭选项卡 Ctrl + Shift + T 重新打开最近关闭的标签页 Ctrl + Tab 切换下一个选项卡...Shift + N 新建文件 Ctrl + Alt + Up 开放式紧凑型叠加层 Ctrl + Alt + Down 紧密紧凑的覆盖层 Ctrl + Alt + S 折叠/展开侧边栏 Ctrl + + 增加图标大小...Ctrl + - 减小图标大小 Ctrl + D 删除 Ctrl + F 搜索 Ctrl + L 选择目录路径 Ctrl + Shift + C 复制文件/目录路径 Ctrl + P 切换预览窗格 Ctrl
可自定义的UI –通过显示,隐藏或添加新菜单项,更改工具栏位置或使用其他主题来自定义UI。 可翻译– Pixie的界面可通过配置完全翻译。 水印–保存的照片可以很容易地用指定的文字加水印。...可自定义的工具–所有工具都是完全可自定义的,您可以删除或修改并添加自定义贴纸,形状,字体,框架等。 保存状态–以json格式保存当前的编辑器状态,从而允许使用诸如预建模板之类的功能。...相框–将内置响应式相框添加到任何尺寸的照片中,或添加您自己的相框。 裁剪–将照片裁剪为指定的纵横比之一,或者让用户通过UI选择自定义裁剪区域。...文本–完全支持将文本添加到图像。可以使用数百种Google字体,也可以仅使用自定义添加的字体。 形状–只需指定svg图像路径,即可轻松添加自定义形状。 贴纸–可以添加或删除自定义贴纸。...空画布– Pixie不必编辑现有照片,也可以轻松地从头开始创建自定义图像。 历史记录–所有编辑器操作都是非破坏性的,可以通过历史记录工具轻松撤消和重做。
要让一款编辑器达到商业级质量,从目前接触到主要的例子来看,独立开发时间太长: 「Quill编辑器」,Quill 从 2012 年收到第一个 Issue 到 2016 年发布 1.0 版本,已经过去了四年...想要一款配置性强,模块化的编辑器,这就决定了这不是一个开箱即用的应用,而Quill集成了许多样式和交互逻辑,已经算是一个应用了,有时一些制定需求不能完全满足。...有了immutable,当每次键入编辑器都会产生新的state,你在每种不同的state之间来回切换,就能实现撤销重做操作。同时,更新state重绘文档也变得更高效了。...= new EditorView(document.body, {state}) 创建state时会注册plugin,通过这个state创建的视图你将能够按Ctrl-Z(或OS X上的Cmd-Z)来撤消上次更改...要自定义编辑器,或允许用户与Node进行交互,你可以编写自己的command。
sss ddf sss fdsaf 本文主要对以下技术要点进行分析: 编辑器 自定义组件 拖拽 删除组件、调整图层层级 放大缩小 撤消、重做 组件属性设置 吸附 预览、保存代码 绑定事件 绑定动画 导入...把组件拖拽到画布中时,使用 push() 方法将新的组件数据添加到 componentData。
要使用自定义GUI,必须将CustomEditor指令添加到着色器,后面跟着包含要使用的GUI类名称的字符串。 ? ShaderGUI类可以放在命名空间中吗? 是的。...(主贴图标签) GUILayout如何工作? Unity编辑器是使用Unity的即时模式UI创建的。这是Unity的旧UI系统,在当前基于Canvas的系统之前,它还用于游戏中的UI。...但是,在执行撤消或重做操作时也会发生这种情况。这意味着你不能依赖ShaderGUI实例,因为每次都可能是一个新的对象实例。你可以将OnGUI视为静态方法,虽然它不是。...这对撤消和重做有效吗? 是的。我们用来显示属性的MaterialEditor方法负责记录旧对象的状态。 3 平滑度贴图 像金属贴图一样,也可以通过贴图定义平滑度。这是一张电路的灰度平滑纹理。...(金属贴图的平滑度) 3.4 支持撤销 现在,我们可以更改平滑度源,但它尚不支持撤消和重做操作。因为我们使用的是基础小部件,所以必须手动发出信号,表明我们执行了需要支持撤消操作的操作。
精简版仅允许您捕获整个网页、页面的可见部分或自定义选择。如果您为 PRO 许可证付费,则可以解锁所有其他功能。...许多功能触手可及 在捕获浏览器屏幕截图时,您可以选择记录整个页面、可见部分、自定义选择或所有打开的选项卡。您还可以捕获帧、滚动 DIVS甚至浮动元素。...要捕获某些内容,您可以单击Web 浏览器中的 FireShot 图标 并选择要执行的捕获类型。 捕获后,您可以在编辑器窗口中对其进行编辑,该窗口带有大量工具可供选择。...如果您犯了错误,还有撤消和重做按钮。 您可以以各种格式存储您的捕获和编辑,包括JPG、PNG、GIF、BMP和PDF。单击保存按钮选择您的保存位置和图像的格式类型。要上传您的图片,请单击上传按钮。...浏览网页,按下FireShot扩展程序图标,在弹出菜单中选择:捕捉整个页面、捕捉可见部分或捕捉选定区域即可。 梦溪分享 2.保存截图到文件。
但首先,让我们将它添加到我们的 Vue 项目中! 将 VueUse 安装到你的 Vue 项目中 VueUse 的最佳特性之一是它仅通过一个包即可与 Vue 2 和 Vue 3 兼容!...这使我们可以轻松地为我们的应用程序提供撤消和重做功能。 让我们看一个示例,其中我们正在构建一个我们希望能够撤消的文本区域。...第一步是在不使用 VueUse 的情况下创建我们的基本组件——使用 ref、textarea 和用于撤消和重做的按钮。...#2ecc71; color: white; padding: 5px 10px;; } 然后,让我们通过导入useRefHistory函数然后从我们的文本引用中提取历史、撤消和重做属性来添加...当我们输入时,每个字符都会触发历史数组中的一个新条目,如果我们单击撤消/重做,我们将转到相应的条目。 还有不同的选项可以为此功能添加更多功能。
image Mac上菜单栏中的AirPlay图标 ,然后选择选项以连接到iPad。或使用 Sidecar偏好设置 进行连接。 iPad现在应该显示Mac桌面的扩展。...image 撤消上一个动作。一些应用程序支持多个撤消。 ? image 显示或隐藏屏幕键盘。 ? image 断开iPad的连接,结束Sidecar会话。...撤消:用三根手指向左滑动,或用三根手指双击。 重做:用三个手指向右滑动。...点按两次即可使支持此功能的应用在Apple Pencil(第二代)的侧面上点按两次即可执行自定义操作 。...在Apple Pencil上启用双击:双击Apple Pencil(第二代)侧面 时,允许支持此功能的应用执行自定义操作 。
保持你的图标一致。无论您仅使用自定义图标还是混合使用自定义和系统图标,应用程序中的所有图标在细节级别,光学重量,行程重量,位置和透视度方面都应相同。 ? 确保图标清晰可辨。...自定义图标大小 最重要的是,您的应用程序的图标系列应在大小上视觉上保持一致。如果个别图标设计的重量不同,则某些图标可能需要略大于其他图标才能实现此效果。 ?...查看自定义图标。 导航栏和工具栏图标 在导航栏和工具栏中使用以下图标。有关开发人员的指导,请参阅UIBarButtonSystemItem。...播放导航栏和标签栏图标 开始或恢复媒体播放或幻灯片。开始 ? 重做 重做已撤销的最后一个操作。重做 ? 刷新导航栏和标签栏图标 刷新内容 请谨慎使用此图标,因为您的应用程式应尽可能自动刷新内容。...image.png 撤消上一个操作。撤消 标签栏图标 在标签栏中使用以下图标。有关开发人员的指导,请参阅UITabBarSystemItem。 ? 书签标签栏图标 显示应用专用书签。书签 ?
但是 Shotwell 是如何将配料传递给其他厨师的呢? 如何将数据传递给实际渲染 HTML 元素的组件? 我们将数据从外部组件传递到内部组件,就像接力棒一样,一直传递到数据到达目的地。...撤销、重做 流行的 撤销/重做 功能需要系统级规划。因为撤销/重做需要记录和回放应用程序中的每一次数据更改,所以你必须从一开始就在架构中考虑到这一点。...正因为 Redux 需要每个动作都以文本的形式进行描述,所以可以说是天生就支持撤消/重做。这个文档中介绍了如何使用 Redux 来实现撤消/重做。...如同撤消/重做一样,Redux 也支持 Optimistic UI。 当从服务器收到否定结果时,可以轻松记录,重放和还原数据更改。...也许我们可以提倡包含撤消/重做功能来删除大量的确认对话框? ?或许我们可以提倡 optimistic UI ,因为它能够以相对较低的代价来提升用户体验。 你的点赞是我持续分享好东西的动力,欢迎点赞!
但是 Shotwell 是如何将配料传递给其他厨师的呢? 如何将数据传递给实际渲染 HTML 元素的组件? 我们将数据从外部组件传递到内部组件,就像接力棒一样,一直传递到数据到达目的地。...撤销、重做 流行的 撤销/重做 功能需要系统级规划。因为撤销/重做需要记录和回放应用程序中的每一次数据更改,所以你必须从一开始就在架构中考虑到这一点。...正因为 Redux 需要每个动作都以文本的形式进行描述,所以可以说是天生就支持撤消/重做。这个文档中介绍了如何使用 Redux 来实现撤消/重做。...如同撤消/重做一样,Redux 也支持 Optimistic UI。 当从服务器收到否定结果时,可以轻松记录,重放和还原数据更改。...也许我们可以提倡包含撤消/重做功能来删除大量的确认对话框? ?或许我们可以提倡 optimistic UI ,因为它能够以相对较低的代价来提升用户体验
02、Vue.js 地址:https://vuejs.org/ Vue.js 是一个免费且紧凑的开源库,可帮助您快速构建用户界面(尤其是单页 Web 应用程序)。...Carousel 适合我的 web 项目,具有自动播放功能、视频可用性、可自定义的运动效果等。...此外,它还提供了许多内置示例来帮助您学习如何将 D3.js 应用于您的网站。但是,它也有一些限制,例如,初学者很难使用,或者它不能在 IE8 等较旧的浏览器上运行。...将它用于我们的网站非常简单,您只需要通过 CDN 调用 sweetalert.min.js 文件并定义消息的基本属性,例如标题(标题)、文本(内容)、图标。...40、Quill 地址:https://quilljs.com/ Quill 是一个开源编辑器,因此您可以随意将其用于所有类型的商业网站或非商业网站。
领取专属 10元无门槛券
手把手带您无忧上云