GrapesJS 问题

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

找到 3,464 个问题

#8202018年1月29日作者 JulyanoF3 个回答
0 个反应

更改并获得 editor.getSelected() 块的值

我该如何更改并获取当前选定区块的内容?

JulyanoF

获取内容: 'editor.getSelected().get('content')''” 设置内容: 'editor.getSelected().set('content', 'myhtml')'

artf

@JulyanoF要注意,'content' 是静态字符串(主要用于自定义 RTE),所以通过 'editor.getSelected().set('content', <div>'TEXT1</div>...')' 来编辑内部元素。 “''js const selected = editor.getSelected(); 获取组件的JSON。 JSON.stringify(selected.toJSON()) 获取它的HTML selected.toHTML(); 设置新...

JulyanoF

selected.components() @artf我不想在选中的方块中创建一个新组件。我只需要编辑内容。用这个方法时,它会在上一个块里创建新的div。我该如何避免这种情况?

#8182018年1月29日作者 JulyanoF3 个回答
0 个反应

点击文本元素,打开不同面板视图

我怎样才能让文本上的“点击”事件打开不同于StyleManager的面板视图? 我正在尝试这个:

artf

面板视图与StyleManager不同 你说的很可能是演示中由这里网页预设实现的行为 https://github.com/artf/grapesjs-preset-webpage/blob/master/src/panels/index.js#L106 所以在你的情况中,可能是这样的: “''js editor.on('component:selected', () => { const selected = editor.getSelected(); 如果 (selec...

JulyanoF

@artf,我试了没用,面板按钮没有被设置为激活,ID是“editorCK” ![图片](https://user-images.githubusercontent.com/17284704/35594836-b7ac5ec0-05fb-11e8-86d3-1f6556dfe252.png)

artf

你创建了“abrirEditor”命令吗?

#8162018年1月29日作者 arthuralmeidap3 个回答
3 个反应

通过编辑器 API 添加图像块

你好@artf, 当我在画布内拖放图像块时,它会触发执行“openModal”方法的图像块的“active”事件。显示上传图片的模态。 我正在尝试运行 'editor.addComponents({ type: 'image' });',并显示上传图片的模态。 我没找到任何提供这种功能的 API 方法。我是不是漏掉了什么? 如果 GrapesJS 不支持,你觉得我试着改进 'editor.addComponents' 来检查组件类型并触发“active”事件怎么样?

arthuralmeidap

是的,你说得对@artf。我没想到你提到的那种愚蠢的案例。 对我来说效果非常好。我只是觉得如果不是这样,就把这种行为嵌入在“addComponents”或其他地方。 顺便说一句,谢谢大家的帮助!3、2、1 就结束了这个问题.....

arthuralmeidap

@chiqui3d,谢谢你的反馈,但图片块只是举个例子。我创建了一个新类型,试图触发组件的“active”事件。它的工作原理和图像块完全一样,所以我用图像块作为例子。 @artf,谢谢你的回复!效果很好! 为什么当我们调用“editor.addComponents”方法时,内部没有触发“active”事件?

chiqui3d

我觉得这会帮到你。 'editor.runCommand('open-assets');' https://github.com/artf/grapesjs/wiki/Assets

#8152018年1月29日作者 chiqui3d2 个回答
0 个反应

如果链接没有子节点,则显示该链接的文本特征

我希望能解释清楚,当我编辑链接时,我看不到可以编辑链接文本的可能性。我觉得如果那个链接没有子节点,比如图片,应该在样式管理器设置里显示文本字段。 谢谢

artf

链接扩展文本组件,所以你只需双击即可开始编辑

lock[bot]

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

#8142018年1月29日作者 vishal50332 个回答
0 个反应

当移动视图开启时,关闭可选、悬停和可编辑选项。

你好, 我想禁用在移动视图开启时选择、悬停或编辑编辑器的组件。 我尝试过使用以下代码。但它会移除编辑器中的所有组件。 “''js Commands.add('set-device-mobile', { run: 函数(编辑器) { editor.setDevice(“移动肖像”); const updateAll = model => { model.set({可编辑:false,selectable:false,hoverable:false}); model.get('components').each(model => updateAll(model)); } var domComponents = editor.主导组件;...

artf

可能是因为你把一个集合(wrapperChildren)传递给“updateAll”,而它期望有一个模型 “''js 更新All(编辑)。DomComponents.getWrapper()); ```

lock[bot]

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

#8132018年1月28日作者 kickbk2 个回答
0 个反应

CDN不可用?

最新版本(0.13.8)在cdnjs上出现有默认延迟吗?还是说有什么原因导致它不可用?

kickbk

似乎已经扩散了

lock[bot]

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

#8122018年1月28日作者 kevinalvarez2 个回答
0 个反应

图层管理器无法兼容多个编辑器

又见面了! 正如我在之前的问题中提到的,我们在同一窗口里同时与几位编辑合作。我们现在遇到的问题是图层管理器在切换到另一个编辑器时无法正常工作。导致这个问题发生的步骤如下:编辑组的发起进入编辑器1中的图层管理器(点击图层图标)——一切正常 ![葡萄层1](https://user-images.githubusercontent.com/4283762/35477045-27af79e8-0389-11e8-98b4-3735960ebfca.png)打开编辑器2,点击图层图标——看起来是这样: ![葡萄层叠](https://user-images.githubusercontent.com/4283762/35477055-60...

artf

谢谢你,Kevin,我已经找到了问题,修复方法将在下一个版本中发布

lock[bot]

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

#8112018年1月27日作者 RiyaThete3 个回答
0 个反应

CSS 被删除

我有一个网站,里面有多个网页(结果页、分类页、首页),以及一个通用的CSS文件(all.css页)。在这个CSS文件中:网页(所用类) 主页(A类,B类,C类) 成绩页面(B组,X组,Y组) 类别页面(R类,S类,X类) 当我在grape.js'编辑器里用导入插件加载results-page时,我会复制整个all.css文件,并放在结果页的<style>顶部标签里。我没有做任何修改,用导出插件导出了压缩包,发现zip里的CSS文件只有以下几个类:A、B、X、Y,这意味着它把三个页面的类合并了,但删除了几个类[我不明白为什么]。我预期的结果是:它会包含所有网页的所有类(A、B、C、R、S、X、Y)。 我想上传整个网站的CSS,对某个...

JulyanoF

@RiyaThete要把CSS加载到编辑器里,你需要在grapesjs的初始化里插入它,类似这样: 或者如果你想内联包含CSS:

RiyaThete

@JulyanoF我尝试过这个方案,但它无法加载我所有网页的所有类......它只是加载所有结果页和其他页面的少数职业

artf

删了几门课[我不明白为什么] 未使用的类不会被渲染 @JulyanoF提出的建议是有效的它只是加载所有结果页面和其他页面的少数课程 你可以用任意多种风格 “''js 斯泰尔斯:[ '..file1.css,'..file2.css',......] ```

#8102018年1月26日作者 JuanTincho1 个回答
0 个反应

:工具栏POS在横向调整窗口大小时没有更新

嗨! 当窗口水平调整时,工具栏保持原位。 这是演示版的照片: ![图片](https://user-images.githubusercontent.com/22417566/35460252-1da2242c-02c2-11e8-9b5c-cc8fa7e1930c.png) 我注意到如果我在 commands/view/SelectComponent.js 文件中的 'toggleSelectComponent' 方法里添加 'methods[method](win, 'resize', this.onFrameScroll);' ,问题似乎就解决了。 我不知道这是不是正确的做法。 谢谢!

lock[bot]

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

#8092018年1月26日作者 maxtacco3 个回答
0 个反应

:在调用 core:canvas-clear 命令后拖放方块时,CSS 未被添加

我用的是 grapesjs-blocks-basic 插件,它有多个列块。当我将这些块拖放到画布上时,它们第一次正确显示,并且在代码查看器中看到添加了相应的CSS。但是,一旦我调用“core:canvas-clear”命令并拖拽相同的方块,它们在Canvas中就不再正确显示,代码查看器中也缺少了CSS。 看起来调用 'core:canvas-clear' 命令会引起这个问题。 GrapesJS 版本:0.13.5/0.13.8

artf

我刚刚合并了 https://github.com/artf/grapesjs-blocks-basic/pull/4,这解决了问题。我很快会发布插件的新版本

artf

完成 https://github.com/artf/grapesjs-blocks-basic/releases/tag/v0.1.3

maxtacco

谢谢!

浏览所有主题