GrapesJS 问题

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

找到 3,464 个问题

#3982017年10月10日作者 2uncle-code2 个回答
0 个反应

脚本应该放在CanvasView的最底部,这样加载速度会更快,不是吗?:)

![默认](https://user-images.githubusercontent.com/22438077/31365796-09aa2072-ada0-11e7-9ea7-9b794d8cf73a.png)

artf

你好@vtista,这个部分的目的是让脚本在加载其他组件之前,因为其中一个组件可能需要它们作为依赖。基本上,它试图模拟“<head>同步加载”

lock[bot]

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

#3972017年10月9日作者 HarshOB3 个回答
1 个反应

基于之前的特性,更改特质的值。

你好 我用了两个下拉菜单来设置特质。在第一个下拉菜单选中的值上,我将调用一个 API,并将数据设置到另一个下拉菜单中。我在控制台上拿到了数据,但页面上没有加载。我必须刷新页面才能查看更改。我该怎么做才能让页面立即做出改变? 这是我的代码: ' comps.addType('ReUseComponent', { 定义模型 model: defaultModel.extend({ init() { this.listenTo(this, 'change:selectPartial', this.doStuff); this.listenTo(this, 'change:selectID', this.doStuffsecond); }...

artf

我是说“我必须补充”。 😬

artf

选项更改需要添加监听器

HarshOB

我该如何添加一个监听器来更改选项?

#3962017年10月9日作者 mekamleshk1 个回答
0 个反应

问题#393未解决

[https://github.com/artf/grapesjs/issues/393](https://github.com/artf/grapesjs/issues/393)

lock[bot]

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

#3952017年10月9日作者 suchithmahadi2 个回答
0 个反应

如何在脚本中调用组件外部的函数。

请帮忙解决以下问题。 如何在脚本中调用组件外部的函数。 例如: demo.myFunction 函数应该在组件脚本中调用,但脚本无法识别 demo 变量。而 demo.myFunction 可以在初始化函数中调用。 Grapesjs.plugins.add('my-plugin', function(editor, options) { var demo = { this.myFunction(id){ alert(this.id); } } var domComponents = editor.BlockManager; domComponents.add('my-block', { id:“myComp”, 标签:“定制” 分...

artf

答案在这里 #358

lock[bot]

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

#3942017年10月9日作者 daniel-farina3 个回答
1 个反应

文本:每次我按下回车键,都会创建新的div,而不是创建一个 </br>

你好@artf 为什么插入文本时,每次分行都会创建一个新的div,而不是标准的 div </br> ![图片](https://user-images.githubusercontent.com/13665117/31329777-adf6ee50-aca9-11e7-9a4d-7cd06b367135.png) 有没有可能禁用这种行为,改用一个</br>? 我知道按Shift+回车键是可以的,但我希望它能成为默认选项。 谢谢你

artf

你好 @daniel-farina,这是 WebKit 浏览器的默认行为,你可以在这里找到最新的解决方案 https://stackoverflow.com/questions/18552336/prevent-contenteditable-adding-div-on-enter-chrome 我实际上开始重写当前的RTE,并会考虑这个问题

daniel-farina

感谢你的更新和信息。我会去了解一下。

lock[bot]

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

#3932017年10月8日作者 mekamleshk3 个回答
0 个反应

两个小细节

嗨,@artf @arthuralmeidap @sonnylloyd @cmcintosh @daniel-farina 非常感谢你开发了这样一个很棒的框架。 我尝试实现了 grapesjs 预设通讯中几乎所有的功能。 只是需要帮忙解决这两件小事: 1)我能够上传并加载图片到资产管理器中。 我没想到的是上传图片后,它不会立即反映在资产管理图片列表中。 我已经关注过问题 [https://github.com/artf/grapesjs/issues/216](URL)和 [https://github.com/artf/grapesjs/issues/372](URL) 但似乎没用。 这是我上传文件后服务器的json回复: '[...

artf

我可以上传并加载图片到资产管理器中。 我没想到的是上传图片后,它不会立即反映在资产管理图片列表中。 问题就在这里 “''js handleAdd: '<?php base_url(); ?>/dragdropeditor/dragdrop/upload', 所以就你这种情况,直接把它拿掉吧,你不需要它。如果你愿意,可以用CSS隐藏“添加图片”输入2.我想显示电子报预览按钮,作为网页模板的使用方式 我在这里删掉了 https://github.com/artf/grapesj...

mekamleshk

你好@artf 不确定是否能使用 [https://github.com/artf/grapesjs-preset-newsletter/blob/master/src/buttons.js#L36-L37](URL) 我用的是压缩版: ' <script src=“js/grapes.min.js”></script> <script src=“js/grapesjs-preset-newsletter.min.js”></script>' 另外我想知道为什么添加图片按钮...

artf

添加按钮完全正常,不应该上传/下载内容。如果你需要自定义行为,可以添加你的用户界面为什么我每次都要刷新页面? 上传后可以直接加载图片吗 我已经告诉你问题在哪里了......请阅读我之前的回答

#3922017年10月8日作者 daniel-farina3 个回答
2 个反应

定义选定的类别。

你好,@artf, 有没有办法自动选择在自定义样式的元素上创建的类? ![图片](https://user-images.githubusercontent.com/13665117/31314962-0e0f6846-abdb-11e7-8339-84035ae45aca.png) 我目前尝试用网格系统动态更新职业,运行正常,但自动选择所有职业的问题带来了问题。我已经研究了好几个小时的代码,试图弄明白这个问题。 如果能指明正确的文件,魔法发生的地方,非常感谢。 我目前正在关注: [\src\selectormanager\view\ClassTagView.js](https://github.com/artf/grapesjs...

daniel-farina

更新: 好的,我发现可以通过更改来默认取消所有选项 src/selector_manager/型号/Selector.js ![图片](https://user-images.githubusercontent.com/13665117/31315033-c8811c82-abdc-11e7-9b79-0c604d1b91cf.png) 这几乎解决了我所有的问题,因为当我更改方块的背景色时,它只会更新 c875! 现在已经解决了,我就结束了。

artf

你可以从模型中访问选择器 “''js model.get('classes').each(selector => selector.set('active', 0))

daniel-farina

顺便说一句,把这个改成false会导致你的构建失败,因为测试脚本里有以下情况: 我刚才在这里评论了这个: 测试/规格/selectormanager/型号/SelectorModels.js 还有这个 测试/规格/csscomposer/E2E/CssComposer.js 第129行

#3912017年10月7日作者 tomichal3 个回答
7 个反应

命名空间CSS?

你好, 有没有办法设置 grapesjs 编辑器,让为 HTML 内容生成的 CSS 带有命名空格?换句话说,如何避免编辑器中为创建/编辑内容定义的样式规则泄露到网站页面的其他部分? 以我的网站为例,用户可以编辑页面的大部分内容,但不能全部编辑——其余部分、HTML 内容和 CSS 由服务器动态生成(这是一个 Rails + Angular 网站)。 我发现如果我用带列的行,grapesjs 编辑器生成的 CSS 会有一个“行”类的定义(例如 “.row { ... }”)。不过,我用的是一个CSS库,它为“行”类提供了自己的定义,所以grapesjs的定义和我全站CSS的定义冲突了。 感谢大家对这个问题的任何帮助和建议!

danfitz36

你觉得可以直接在 Grapejs 生成的所有类名前缀吗?如果不是用.row,而是用.grape-row之类的(我可能会把前缀设为变量),你大多能得到@tomichal想要的效果。

artf

实际上,你可以在新选择器上添加一个监听器,并在上面添加一个前缀 “''js const 前缀 = 'myprefix-'; editor.on('selector:add', selector => { const name = selector.get('name'); 如果 (selector.get('type') === 编辑器。SelectorManager.Selector.TYPE_CLASS && name.indexOf(前缀) !== 0) { sele...

devmohitagarwal

你好, 想做沙盒设计的人可以试试导出的CSS前缀,我们也有同样的使用场景,采取了Sas的方式。 为此,我使用了sass.js(https://github.com/medialize/sass.js/) 步骤:将css字符串与你的自定义类一起包裹。比如说MyCustomClass。从上述库运行 sass.compile,将 scss 转换为 css,后者已与 gaten() 类沙箱化, 这样你就不会遇到冲突的问题。 这个回答是从另一个问题中复制来的。#2363

#3902017年10月6日作者 Geczy2 个回答
0 个反应

让font-awesome成为peerFactors依赖

Font-awesome 是一个我已经在加载的大库。如果我加载 Grapesjs,它会加载两次 FA。 如果你把FA变成对等依赖,那就能解决这个问题

Geczy

我看到你在规划中已经有这个 https://github.com/artf/grapesjs/issues/74 用SVG来替代

artf

是的,我肯定应该把font-awesome从核心里移除

#3882017年10月6日作者 ajaysofto1 个回答
0 个反应

没有 CSS ::之前 和 ::之后 选择器

我们如何为任何类别添加前后选择器

artf

你必须更改选择器状态 “''js Grapesjs.init({ ... 选择经理:{ 声明:[ { 名称:“悬浮”,标签:“悬浮” }, { 名称:'nth-of-type(2n)',标签:'偶/奇' }, { 名称:':before',标签:'Before' }, { 姓名:“:之后”,标签:“之后” }, ], } }) ```

浏览所有主题