GrapesJS 问题

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

找到 3,464 个问题

#19042019年3月19日作者 sakshigarg93 个回答
1 个反应

找零财产浮动

我正在尝试通过事件监听“float”属性的变化,判断它是在Style Manager中被移到了“左”、“右”还是“无”,但我的代码似乎没有给出想要的结果。 它给出的是“style update null”作为输出。理想的输出是float:right、float:left或float:none

prashant2018

你可以用传递给我的“模型”作为参数来获得当前属性。检查模型对象后,我发现可以用 model.attributes.style 获取样式 你应该通过以下方式修改代码片段来获得想要的输出: ' editor.on('component:styleUpdate:float', (model) => { console.log('style update', model.attributes.style); });`

prashant2018

@sakshigarg9 我上面提到的方法对某些组件不起作用,更准确地说,我观察到的是,style属性会在定义类的组件上给出空字符串。 你用编辑器的方法是正确的,也适用于所有组件,只是你用了错误的扇区ID“General”而不是“general”。另外,你需要用以下方法提取浮点数值 编辑器。StyleManager.getProperty('general','float').attributes.value 下面的代码片段适用于我测试的 grapesjs-preset-网...

lock[bot]

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

#19032019年3月19日作者 MisterFK2 个回答
0 个反应

地图块问题

你好, 自上次版本以来,拖拽地图到画布时会出现“404”问题。问题也出在你的演示中。 你知道怎么解决吗? 谢谢大家的帮助!

artf

现在,先加上这个 “''js 编辑。DomComponents.addType('map', { model: { defaults: { src: '' } }}); ``` 我会在下次发布时修正

lock[bot]

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

#19022019年3月18日作者 JoeriAben3 个回答
0 个反应

禁用/更改内置组件的行为

嘿, 我正在尝试为我正在进行的一个项目争取 GrapesJs 的作品。但有没有办法禁用那些内置的组件,比如把“div”和“span”转换成可编辑组件(或者更改isComponent,这样我就能添加类/数据标志)?因为我不希望所有的div和span都可以编辑,只希望我说的那些需要用data-gjs标志编辑的。 希望有人能指点我正确的方向。 此致敬礼, 乔里

simplecommerce

你@JoeriAben试过这个方法?https://grapesjs.com/docs/modules/Components.html#improvement-over-addtype

artf

通过扩展“文本”组件,创建一个自定义的“可编辑”组件。然后通过将“可编辑”设置为“false”来扩展“文本”部分。 现在在你的模板里用'data-gjs-type=“text-editable”'

lock[bot]

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

#19012019年3月18日作者 fmr4112 个回答
0 个反应

将边框权重设为悬停

悬停时可以更改边界的权重吗?我在css文件里搜索过“.gjs-hovered”类但没找到,我也试过用setStyle “editor.setStyle('.gjs-hovered{outline:”4px solid #3b97e3 !important;“}');”但还是没变,谢谢 ![Screenshot_8](https://user-images.githubusercontent.com/15244481/54507006-d11d4800-4971-11e9-9da0-a97a086eadb6.png)

artf

如果你需要自定义编辑器的界面,不需要用 'editor.setStyle',只要在 GrapesJS 之后加上这个 CSS 就行了 “''CSS .gjs-cv-canvas .gjs-highlighter { 轮廓宽度:3像素; } ```

lock[bot]

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

#19002019年3月17日作者 cgrio2 个回答
0 个反应

—如果更改选择,则不会显示加号(“+”)

要模拟De Bug,请按以下步骤操作: 点击画布中的元素 点击标签页添加职业 点击加号以添加新的类别字符串 点击Canvas中的其他元素 点击标签页添加职业 “按钮+隐藏了” 建议:每次在画布中选择某个元素时,重置类+按钮的行为

cgrio

这是CSS的问题

lock[bot]

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

#18992019年3月17日作者 prgmono20183 个回答
1 个反应

React with GrapeJS——无插件

你好, 我该如何用 Grapesjs 搭配 React? 我不想用插件——我做了一些改动,想用编辑器和React和其他页面。 我该怎么做? 非常感谢你!

simplecommerce

不太明白你说的“没有插件”是什么意思。 但如果你说的是 GrapesJS 实例,你只需要在 'componentDidMount' 里初始化它。 举个例子: 在你的渲染图中 在componentDidMount中 类似这种情况,通常应该能用。

artf

除了@simplecommerce已经说过的,没什么可补充的

lock[bot]

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

#18982019年3月16日作者 foolsopts2 个回答
0 个反应

GrapeDrop里有个bug。

生产步骤将图像块拖曳到画布并选择背景。将图标拖曳到画布。点击图像块,进入背景样式标签页,点击背景并点击图片按钮。当模态显示时,请点击任意图片(非双击),然后关闭模态。现在看Canvas里的图标,你不能把它改成另一个图标。再次双击image-block并切换到另一张图片。图标又恢复工作。

artf

你说得对,问题挺奇怪的,我待会儿再查。 我打算关闭它,因为它是Grapedrop产品的一部分,而不是Grapesjs的核心,顺便说一句,谢谢你的反馈

lock[bot]

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

#18972019年3月16日作者 sandromattei3 个回答
0 个反应

观点与代码

你好......抱歉我的英语不好! 首先,祝贺你打造了这个出色的框架。 我正在尝试用GrapeJS来创建自己的WordPress编辑器,但我有些疑问。 如果我的代码中使用了WordPress的“短代码”,我怎样才能在 grapeJS 中预览这个短代码,同时保持 html 代码不变? 非常感谢

artf

我不知道WordPress允许用什么样的API来处理短代码,但如果可能的话,我会把它们渲染出来,放在编辑器里作为块子

sandromattei

抱歉,也许我解释得不清楚。我想在代码中插入一个短代码(例如 [我的短代码 param1 = value1 param2 = value2 /],然后渲染一个 html 输出(例如 <div class = “param1” id = “param2”> </div>)

artf

如果你需要在运行时做到这一点,应该创建一个自定义组件,渲染时它会异步调用 Wordpress,要求渲染那个短代码(我对 WP API 一无所知,不确定是否可行)。

#18962019年3月16日作者 kaoz703 个回答
2 个反应

自定义插件的组件未被识别

操作系统:Windows 10 x64 浏览器:Chrome 72.0.3626.121 x64 GrapesJS:v0.14.55 你好,我在一个插件里装了一些自定义组件(引导标签页),但不知为何,GrapesJS在从容器元素加载时,插件的某些组件没有被检测到,有些则是通过拖拽到编辑器才检测到的。此组件未被检测到: const defaultType = dc.getType('default'); const defaultModel = defaultType.model; const defaultView = defaultType.view; const {tabPanesName, tabPaneSelector}...

artf

如你所见,它的类型是“div”......这就是为什么它从未传达到另一种类型......看看为什么以及在哪里声明了这种类型

kaoz70

好吧,这就是问题所在!我以为“div”类型是GrapesJS默认设置的。感谢大家的帮助!

artf

可能是那个“elHasClass”方法?!?

#18952019年3月15日作者 simplecommerce3 个回答
0 个反应

用脚本拖拽组件到画布上,脚本多次附加。

你好,不确定这是不是个bug。 但我注意到一个奇怪的行为,当我拖动一个包含脚本函数组件的方块时,它似乎先把它附加到画布里,然后才被丢弃。 当你放下它时,它又会附上另一个剧本。 如果你从不放下方块,只是一直拖拉,它会尽可能多次地附加。 而且当我点击“清除画布”时,它似乎从未发出声音,我不得不手动操作: “编辑。Canvas.getCanvasView().getJsContainer().innerHTML = '';' 为了清理画布,JS。 这是你演示页面上问题的截图。 ![图片](https://user-images.githubusercontent.com/31987945/54397884-5eb91900-468e-1...

simplecommerce

所以我查了一下,发现是“canvasView”里的“updateScript”方法每次在组件上发现“脚本”属性时都会被调用,不管它是否还在画布上拖拽。 我做了一些补丁测试,似乎解决了问题。 我不得不这样覆盖,因为我不想直接修改原始代码,以防将来被修复。 我不知道怎么检测模型是否正在被拖拽,只注意到当组件被丢弃到画布时,调用了“updateScript”,“modelOpt”有一个额外的属性“at”,所以就依赖这个。 直到有人做出更好、更干净的修复方法。

simplecommerce

之前的解决方案没用,我只好放弃,于是重新打开了问题。

artf

你好@simplecommerce如果你认为这是个bug,请按照模板打开问题,并创建一个可复现的实时演示。这非常重要,因为我们没有太多空闲时间,可能会把大部分时间浪费在与库本身无关的调试上

浏览所有主题