GrapeJs 框架在添加外部样式表时会出问题
当我用 Grapesjs 框架不再有效。我怎样才能同时拥有样式表和 Grapesjs 框架? 这是不是因为某些风格可能不兼容GrapesJs?
artf
其实用CSS破坏东西并不难,所以确实是写得不好(比如用全局选择器'*'或通过'div, span { ... }这样的标签')绝对能让编辑崩溃
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
当我用 Grapesjs 框架不再有效。我怎样才能同时拥有样式表和 Grapesjs 框架? 这是不是因为某些风格可能不兼容GrapesJs?
artf
其实用CSS破坏东西并不难,所以确实是写得不好(比如用全局选择器'*'或通过'div, span { ... }这样的标签')绝对能让编辑崩溃
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
你好,感谢你给我这份工作! 在类别下可以像封锁一样制作特质吗? 如果可能的话,也许可以用像BlockManager那样的Category对象? BlockManager上的分类功能正常,如果TraitManager也添加同样的分类系统,那就完美了! 你觉得实现这个功能的最佳方法是什么?我们已经准备好开发这个功能并进行公关。 谢谢
artf
将在下一个版本中发布,感谢@amirrahmani76的[公关](https://github.com/GrapesJS/grapesjs/pull/5606) ❤️
WebEtSolutions
你好,没问题,我们会为这个公关工作。
Uysim
我们现在有这个功能了吗?
我刚接触GrapesJs,无法弄清楚如何创建图像组件。举个例子,我有一个 img 标签,并且定义了 src,代码是如何让它成为一个图像组件,能够在双击时触发资产管理器,并且可以调整大小和移动。
artf
阅读关于[Components](https://grapesjs.com/docs/modules/Components.html),检查每个[Component](https://grapesjs.com/docs/api/component.html)的API,检查[ImageComponent's view](https://github.com/artf/grapesjs/blob/dev/src/dom_components/view/ComponentImag...
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
你好,@artf, 如果我们需要在同一个HTML标签上初始化两个特征,那这可行吗? 实际上,我在同一个标签上定义了两种不同的特征(“在链接/标签上”)。 让我简单介绍一下你。 假设我有一组链接包含类类,类似于“非拖放”。 所以,它的HTML代码就像 所以对于上述类别的“非拖放”,我想添加一个特质,比如, 对于所有的链接,我还想补充一个特征,比如, 但当我点击包含“not-drag-drop”类的链接时,只有特质应用“not-drag-drop”,不应用“link”特质。所以,当我要更改这个链接的“href”时,我不会看到链接下拉菜单,只是显示输入框。 你能帮我解决这个问题吗?
artf
HTML代码已经加载到Canvas里了吗?你有没有尝试通过插件执行自定义组件定义?否则你是在尝试看到已经加载的组件的更改
no-response[bot]
由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
我们在工作中使用GrapesJS在CMS中构建自助终端系统。 目前使用的是网页模板。 我们把内容显示在固定分辨率的显示器/电视上,比如平放时是1920x1080,或者侧边是1080x1920。我尝试过在画布中限制分辨率,但都没成功。 我们希望将画布大小限制在x和y的分辨率内,以我们编辑显示器的分辨率(和旋转)为准,这样你才能看到电视上实际会显示的内容。当然,这有时会在网页模板的画布中增加滚动,但我觉得这不成问题,因为更重要的是你设计的设计在电视上看起来是一样的。 有什么办法解决这个问题吗? 我还不熟悉代码,所以不知道怎么最好地解决这个问题。任何帮助都非常感谢。
artf
你试过[设备管理器API](https://grapesjs.com/docs/api/device_manager.html)吗?当然,这有时会在网页模板的画布中增加滚动,但我觉得这不是什么问题,因为更重要的是你设计的画面在电视上看起来是一样的。 可能从下一个版本开始,会提供一个用于缩放的API(来自Canvas模块)。
ageir
是的,我做过,如果你在比预期内容更大的屏幕上编辑,效果很好。但如果你是用全高清屏幕为4K屏幕剪辑,那就有点问题。Zoom看起来很棒!如果你能在像素级和百分比级都进行缩放,那就太好了。 设备管理器API不支持最大高度,这导致无法知道内容垂直裁剪的位置。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗?有没有简单的解决办法?还是说这是个大变化?最好的办法是限制垂直高度,这样你就不能在垂直高度下面添加新内容。或者其次是设置分隔线/线/指示器,这样...
artf
是的,我做过,如果你在比预期内容更大的屏幕上编辑,效果很好。但如果你是用全高清屏幕剪辑4K屏幕,那就有点问题。Zoom看起来很棒!如果你能在像素级和百分比级都进行缩放,那就太好了。 缩放值会是0到100设备管理器 API 不支持最大高度,这导致无法知道它垂直方向会在哪里剪辑内容。这对编辑固定高度显示器非常重要。如果有这个选项就太好了。有人知道怎么解决这个问题吗?有没有简单的解决办法?还是说这是个大变化?最好的办法是限制垂直高度,这样你就不能在垂直高度下面添加新内容。或者其次...
我无法理解带有“::after”的类的CSS规则 'cssComposer.getClassRule(“sample-class”, {state: 'after'})' 有没有办法获得 因为我只知道“悬停”和“活跃”状态 谢谢!
artf
你应该用 '{state: ':after'}'',无论如何我建议你开始使用新的 ['getRule'](https://grapesjs.com/docs/api/css_composer.html#getrule),这样会更快 'cssComposer.getRule('.sample-class::after')'
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
我开发了一个Grapesjs应用程序,当我从桌面切换到移动端时,画面会失真。请帮帮我...... 桌面视图:  移动视图:  或者告诉我如何在手机视图中添加水平滚动条
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
浏览文档——API集成到Mautic中,作为插件创建表单和邮件模板。 有什么建议可以帮我完成这个任务吗? 有人对一个为期几天的项目感兴趣吗? 有赏金
arthuralmeidap
@kuggaa,我很感兴趣。我该怎么联系你?
artf
你可以在这里继续讨论所有细节,但我会结束这个问题,因为这有点离题
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
你好, 我想看看一些例子,看看大家是如何使用GrapesJS,以及他们如何根据自己的需求扩展或定制它。 如果有谁有公开(甚至截图)网站,能就这个问题发表评论,整理一下这个很棒扩展的当前使用情况,那就太棒了!
loganvolkers
我们用GrapesJS来为我们的CMS供电,http://saasquatch.com 小工具GrapesJS 支持我们应用内 JavaScript 小部件中内容的编辑我们自定义了大部分工具栏,移除了大部分默认组件,仅由自定义网页组件组成用于资产管理的插电 https://cloudinary.com/它在网页组件和 https://stenciljs.com/ ❤️ 上运行得相当不错建议:使用 GrapesJS 配合 Web 组件   它是我们桌面...
robhoward
我们正在升级到 GrapesJS 作为 [DailyStory](https://www.dailystory.com)的落地页和邮件设计师。 我们做了不少改动,主要是关闭或禁用某些功能,同时从零开始编写所有新组件,以便控制编辑体验(我们在设计师中限制了能做或不能做的事情),比如块和组件可以放置的位置。 而且,所有落地页组件都是围绕Bootstrap构建的。这样对客户来说就非常简单。 的内容有时是“null”(包含“null”文本值的字符串,而不是 JavaScript 的 null)。 我已经用 Chrome 71.0.3578.98 的 Newsletter 演示成功复现了这个问题。我不知道其他浏览器是否也会出现这种情况...... ,选择部分文本和周围单元格(但不激活CKEditor),然后从文本中拖拽,它就能正常工作。 但只要我双击某个单元格激活CKEditor,点击其他地方关闭编辑,并按照上面完全相同的步骤(选择和拖拽完全一样),丢失的内容就会变成“null”。 方法。我不知道这是不是“设计使然”,或者这是否能解释这类问题。 是的,这就是他们的内嵌插件工作方式,但我觉得这和这有什么关系 顺便说一句,CKEditor确实会在dataTransfer对象和编辑中添加类型,出于某种原因(可能是为了处理它们的一些边缘情况),“文本/纯文本”(GrapesJS完全依赖原生对象,但不涉及它们)。