颜色选择器会从输入框滚出
问题
感谢你的工作,这是个不错的项目,可能不是个bug。 我尝试让样式管理器中的色彩选择器滚动,输入框也一样。 例如: (颜色,背景)输入框
- 打开选色器
- 滚动样式管理器 输入框移动了,但颜色选择器仍停留在原来的位置
我在 Grapesjs 演示网站上试过这个
<img width=“506” alt=“WeChat944c23a71851577e18470c0dec31441e” src=“https://user-images.githubusercontent.com/33087222/111763958-a73ee900-88dd-11eb-9751-b6012039d577.png”> <img width=“510” alt=“WeChat96482d571136e2371f981b54f8774b31” src=“https://user-images.githubusercontent.com/33087222/111763973-ae65f700-88dd-11eb-991c-5c4abb53dc38.png”>
如何让颜色选择器带着输入框滚动?
回答(2)
颜色选择器绝对地放置。除非你能找到方法在样式管理器的滚动页面上更新,否则我看不到其他办法。
谢谢你举报,@jcsofts。 关于颜色选择器从输入框滚动的问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) => console....
相关问答
通过相似的问题讨论继续研究。
问题 #4765
官方的解析@keyframes方法并不起作用
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v107描述一下那个虫子 如何复现这个漏洞?按照[这里](https://grapesjs.com/docs/guides/Custom-CSS-parser.html#rule-obj...
问题 #4082
从画布框中移除一些初始样式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v96 可复制演示链接 没有演示 描述一下那个虫子 当我加载某个模板时,编辑器会添加一些初始样式,比如下面的图片,我该如何设置或移除某些样式?举个例子:我需要移除Webkit的滚动条...
问题 #4434
CSS 解析器的 shape 不允许 CSS 属性被定义超过一次。
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 任何可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 这个漏洞和“ParserCss.js”有关。 https://github.com/artf/grap...
问题 #3181
SelectorManager 不返回字符串,而是一个对象
版本:0.16.30 你能重现演示中的bug吗? [1] 是的 预期的行为是什么?* SelectorManager.getState() 应根据 SelectorManager.getState() 返回字符串 https://grapesjs.com/docs/api/se...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。