GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#8272018年2月1日作者 hillelcoren3 个回答
0 个反应

更改指令面板位置

图书馆太棒了,谢谢!! 我有两个问题,希望你能帮忙解答。我如何将命令面板从顶部移动到左侧,如图所示:https://github.com/artf/grapesjs/wiki我之前很难让方块图标显示,我看到的是单个字母。我通过复制main-fonts.woff文件解决了这个问题,我需要这个文件吗?

artf

你好@hillelcoren我如何将命令面板从顶部移动到左侧,如图所示 所有面板都由CSS自由排列,你可以随意移动它们我之前很难让方块图标显示,结果却看到了单个字母。我通过复制main-fonts.woff文件解决了这个问题,我需要这个文件吗? 是的,不幸的是,大多数图标来自字体,所以如果你想用同一个图标,就必须包含它们。 顺便说一句,我们计划把它们作为依赖#644移除

hillelcoren

谢谢你的帮助!

lock[bot]

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

#8242018年1月31日作者 anand-gopinath3 个回答
5 个反应

是否可以移除编辑器面板的“视图”

我想从面板中移除或隐藏下面提到的“视图”。通过 API 可以实现吗,还是我需要用 CSS 外部隐藏? ![34](https://user-images.githubusercontent.com/25955939/35626889-1f6dfb7e-06bd-11e8-9db9-f7fd439d47a2.png) “编辑。Panels.getPanel(“views”).attributes.buttons.models[2].attributes.visible = false;'

ryandeba

@anand-gopinath - 这个代码在插件里可以用:“editor.Panels.removeButton(“views”, “open-layers”);' 编辑器完全加载后,我似乎无法使用......我怀疑在渲染视图之前需要移除它,但我还没确认。

ryandeba

@anand-gopinath 如果有帮助的话,这里有一段我用来重新排序按钮的代码(这可能也需要在插件里运行):

artf

谢谢你,Ryan,我会在下一个版本中添加一个新监听器,应该能解决[这个问题](https://github.com/artf/grapesjs/issues/824#issuecomment-362029424)

#8232018年1月30日作者 JulyanoF2 个回答
0 个反应

设置所选内容不会完全影响editor.getHtml()

当我使用“editor.getSelected().set('content', 'somethig')”“时,理论上它能正确更改数值,正如我在编辑器中看到的,但当我调用”editor.getHtml()“或启用自动保存(可能调用”getHtml()'“时,显示为”<div class=“c891”>somethingInsert Your Text here</div>“'”。它总是在递增文本。 编辑: 事实上,每个模块的更改中只有“插入您的文本”这句话被修复了。

artf

https://github.com/artf/grapesjs/issues/820#issuecomment-361732512

lock[bot]

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

#8222018年1月30日作者 josefph3 个回答
0 个反应

如何在视图代码工具中获取HTML和CSS代码?

或者怎么获取所有HTML代码和CSS,这样我就能保存到数据库里。 还是文档里已经有这个功能了? 非常感谢你的帮助:)

josefph

抱歉发了这条帖子。我只能查看未解决的问题,却不知道还有已结案。我知道可以用editor.getHtml()和editor.getCss(),我可以直接把它们保存到数据库里保存模板(这是我唯一知道的保存代码的方法)。还有别的办法吗?

artf

@pranzikkin你可以设置一个远程存储#778,自动存储你的数据

josefph

我应该在UrlStore里放什么?

#8212018年1月30日作者 Deepak8133 个回答
0 个反应

如何设置href属性

你好,@artf, 请告诉我们,当元素被拖拽时,如何在div中设置锚点的href属性,即 <div class=“social_icons rrssb-buttons c3250”> <a href=“https://www.facebook.com/sharer/sharer.php?u=http://starteo.softobiz.com” class=“popup rrssb-facebook” id=“ibvm”><i aria-hidden=“true” class=“facebookSocial fa fa-facebook”> </i></a> <A href=“https://twitter.com/intent...

JulyanoF

@Deepak813我猜它不在模型里,应该是这样的: 'editor.getSelected().set('href', 'https://www.facebook.com/sharer/sharer.php?u=')' 你不需要访问模型

Deepak813

你好@JulyanoF, 谢谢你的留言, 我用过这段代码,当元素被拖动时,但会出现以下错误: 未捕获类型错误:无法读取 null 的属性 'set'。 因为我想在 div 内部更新 anchor 标签的 href,当元素被拖拽时。

JulyanoF

@Deepak813 哦,你想在拖拽/投放时切换锚点?

#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]

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

浏览所有主题