GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 3,464 个问题

#19802019年4月25日作者 3dmedium2 个回答
0 个反应

:RTE编辑器无法滚动

RTE编辑器的工具栏在浏览器窗口以上的文本字段中不可见。滚动到中间时,RTE工具栏不可见。 ![葡萄声](https://user-images.githubusercontent.com/18495706/56764192-74991e00-67a4-11e9-98f5-1d11b405dc9f.gif) 工具栏在顶部或底部。 它应该卡在一个能看见的地方。也许把它贴在顶部或顶部框架边框上会更好。 CKE 插件也是如此。

artf

是的,我们应该复制组件工具栏的行为

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19792019年4月25日作者 3dmedium3 个回答
1 个反应

:样式管理器选项,始终编辑单个元素

我用这个很棒的库只编辑页面的部分内容。 我主要设计的是页面上可用的 Compontens,使用样式管理器时,它通常只对所选元素生效,而非其类。 所以目前我总是得取消选择卡并进行编辑。 有没有可能添加一个选项,让样式管理器始终使用该 ID 来生成 CSS?

artf

你可以利用“selector:add”事件 “''js editor.on('selector:add', selector => selector.set({ active: false, // 禁用选择器 或 私密:true,// 隐藏选择器 })); ```

3dmedium

谢谢你的解答。 这其实挺简单的。

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19782019年4月25日作者 3dmedium3 个回答
0 个反应

:风格总是应用到职业上

你好, 我在为单个物品做样式时遇到了个问题。 以下html代码: '''html <div class=“ddm-flex-cols”> <div class=“ddm-flex-cols-element”> 这真是一段文字 </div> <div id=“icbp” class=“ddm-flex-cols-element”> 正文 </div> </div> <style> .ddm-flex-cols { 显示:flex; 灵活方向:行; 边距:-16px; 填充:16px 0px; 弹性缠绕:缠绕; } .ddm-flex-cols-element { 弹性生长:2; 边距:16像素; 弹性收缩:0; 灵活基底:0; }...

artf

你能试着把这个“avoidInlineStyle: true”加到你的选项里,并告诉我吗

3dmedium

你好@artf, 是的,我试过了,还是没用。 我有时间把这个问题简化成一个代码沙盒: [https://codesandbox.io/embed/jnplq7op55](https://codesandbox.io/embed/jnplq7op55) 保护的 Css 内容的位置可以变化,设置样式或文件,并通过 cvanvas.style 加载,行为保持不变。 在添加组件前,deactivationg 选择器解决了这个问题: “JavaScript editor.on('se...

artf

好吧,问题就在这里:https://github.com/artf/grapesjs/blob/e97afb429b4cada591e119025fcf34490cb0de8c/src/style_manager/index.js#L284-L285 如果组件上没有带有选择器的 CSS 规则(在我们为例为“DDM-FLEX-COLS-ELEMENT”),则创建该规则并将其所有样式迁移到该规则中。我觉得我做这个是为了优化,但现在我不太确定这是不是正确的方法......

#19772019年4月25日作者 Ramkumar-Murugesan2 个回答
0 个反应

Gjs-component 没有更新我的特质值

你好,我是不是用 traits 里的 toHTML 函数修改了我的 HTML?一个HTML元素被更新了,但gjs组件没有更新,它仍然显示旧代码。 我的特质是 但在我加载保存的屏幕后,GJS-Component里显示像Type=“Radio”这样的旧代码没有存储在GJS-Component里 在保存屏幕之前 ![图片](https://user-images.githubusercontent.com/33427536/56748889-457fae00-679e-11e9-995a-8f70ec2f303b.png) 保存后,使用以下方式加载到 Grapesjs editor.setComponents(JSON.parse(ex...

artf

我几乎听不懂你在说什么......请提供一个可重复的演示

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19752019年4月24日作者 behnamazimi2 个回答
1 个反应

我可以为所有导出的类添加静态前缀吗?

有没有办法给 Grapesjs 导出的所有职业添加自定义前缀? 在某些情况下,我的项目类和 Grapes 类之间存在冲突,为了解决这个问题,我想在所有类上添加一个前缀。

artf

看看这个 https://github.com/artf/grapesjs/issues/391#issuecomment-391510263

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19742019年4月24日作者 VM81981 个回答
0 个反应

拖动按钮块到画布后,如何调用JavaScript函数

我想在点击按钮后调用一个JavaScript函数。 我创建了一个新的按钮块,当用户点击该按钮时,将该按钮拖到画布后,会调用一个 JavaScript 函数。 那么,该怎么做呢?

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19732019年4月23日作者 gst-xxz2 个回答
0 个反应

:你能把元素拖到指定的自定义组件子容器吗

感谢你带来的这个优秀的开源项目。我正在做一个网页拖放式网站项目我需要将react组件拖拽到指定位置的另一个组件的子容器中。一个组件可能在不同位置有多个子容器之前我用 https://github.com/SortableJS/Sortable我老板必须用你的开源项目实现自定义拖放工作站

artf

关于集成React组件,先读这篇#170,你必须自己创建渲染逻辑

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19722019年4月22日作者 acamenhas2 个回答
0 个反应

背景不透明度滑块

大家好, 有个快速问题:我用的是1.8.3的Grapes版本。 实现背景不透明度滑块很容易吗? 谢谢!

artf

我用的是1.8.3的Grapes版本 ???https://github.com/artf/grapesjs/releases/tag/v0.14.57 目前是最新的实现背景不透明度滑块很容易吗? 你可以把 alpha 设置在背景色上,HTML/CSS 里没有“仅背景不透明度”的限制

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19712019年4月22日作者 sakshigarg92 个回答
1 个反应

事件触发了对远程存储的先前状态属性

我正在尝试通过以下代码提取图像的“src”更改,并将其存储到远程存储中,方法是使用以下代码 我遇到的问题是,当我第一次更改图像时,主机的存储资源中会显示出想要的输出>image2.jpg 但参数并未受到影响,实际上它没有对参数产生任何触发 第二次把图片改成image1.jpg时,控制台>存储资源中输出了想要的效果image1.jpg 但受影响的参数包含前一状态的值,返回 image2.jpg 因此,每次我切换到新图像时,参数都会返回之前的状态。这种行为很不寻常。我在处理其他事件时没有遇到过类似的问题

sakshigarg9

必须把自动保存初始化为false,自动加载为true,并在事件结束时调用 editor.store。问题已解决

lock[bot]

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

#19702019年4月21日作者 rodenp3 个回答
33 个反应

整合 React 组件

首先,你这里有个很棒的工具。 如果我问的问题以前有人问过,抱歉。 我试着阅读文档和谷歌帖子,但还是有点卡住了。 我和几个人一样,试图把React组件集成到葡萄中。 https://github.com/artf/grapesjs/issues/170 提到自定义渲染逻辑。我该如何实现自定义渲染逻辑? 我发现了这个 -> https://www.npmjs.com/package/grapesjs-react,我看不到它包含任何实际可拖拽的组件。 有没有什么例子是可以拖拽到画布上的示例反应组件? 你能概述一下集成React组件时需要解决的领域吗? 再次感谢你带来的精彩项目。

rodenp

精彩的作品@beepsoft 将React正确集成到核心中将是一个很好的进步,也能为支持其他框架铺平空间。这将把葡萄的标准提升到另一个层次。

artf

@beepsoft特别酷,尤其是对流程的详细解释你能不能添加一个公共API,让它能像提供自定义CSS解析器一样,提供自定义HTML解析器? 我会看看能不能快速添加一些东西,而不用太多重构,但据我所见,你的方法相当安全,即使你用的是非公开的方法。 无论如何,你做的项目能够渲染一个仅一个组件,也就是“<Timer/>',我几乎不相信有人会为了添加一个React组件而跳进这样的旅程。我认为我们需要创建一个通用的 React 组件渲染器,能够自动显示任何 React 组件。 这是一...

beepsoft

你好, 我在这里创建了一个快速实现的概念实现/示例,展示了将React组件集成为GrapesJS模块/组件: https://github.com/beepsoft/grapesjs-react-component-example 虽然“与React集成”可能有很多含义,但这是我试图解决的用例:设置一个 GrapesJS [block](https://grapesjs.com/docs/modules/Blocks.html),拖拽到 [canvas](https://g...

浏览所有主题