GrapesJS 问题

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

找到 3,464 个问题

#10972018年5月9日作者 ionic6661 个回答
0 个反应

我该如何为元素添加类别

你好,我想知道如何匹配所有以“C”开头的职业 Data-gjs-droppable=“.c”

lock[bot]

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

#10962018年5月9日作者 dsgh3 个回答
0 个反应

支持渲染不属于可编辑内容的布局

基本上我的用例是,我想在编辑器画布中展示整页——包括页眉、菜单和页脚——但只允许用户编辑页面的实际内容。这样做的理由是让用户能尽可能接近“最终产品”的页面。 我通过将整页渲染到封装器中,使用“fromElement”选项,并注意将属于布局元素的“highlightable”、“badgable”及其他属性设置为“false”,实现了类似的效果,但这仍然不理想,因为:“层管理器”中的根节点仍然是主体,因此由于其下方的元素被标记为不可分层,主体不可展开。我这里想要的是图层管理器的根节点是“内容”元素。在查看/导出代码时,会显示整个页面的代码。我希望只显示与“内容”元素相关的代码。 @artf 这个功能作为一个功能合理吗?我已经准备好开...

artf

对于点“1”,你可以把它传递给你的初始化选项: “''js ... layerManager: { showWrapper:0, },

artf

嘿,@dsgh,你完成任务了吗?

dsgh

@artf 这几天我一直在忙着做其他葡萄的扩展,我们也需要这些。感谢你的建议——我会进一步了解“showWrapper”选项,我觉得你关于第二点的建议非常准确!我本该想到这么做的。 我会在本月晚些时候回来讨论这个问题,并反馈——如果你想暂时关闭这个问题,也欢迎,因为我相当有信心能在不修改葡萄的情况下解决这个问题。 谢谢

#10952018年5月8日作者 Chilli-B3 个回答
0 个反应

预选一个特性选择选项

你好, 我想让你在选择特质的选项数组里,在“name”和“value”旁边添加第三个参数,这个参数是“已选中”,以便预选其中一个特质选项。 详细说明: 我通过一个选择特征扩展了头部组件,涵盖了所有头部类型 h1 到 h6。现在我想在事件函数 'component:selected' 中添加一个功能,这样当点击组件时,首部类型的特质选择会直接切换到拟合选项,前提是包含了首部标签(例如,h2 标签被点击=>次选择选项是预选的) 我在想是否有可能在 grapesJS 里实现这一点,否则我需要通过 DOM 用 jQuery 来实现,但我觉得这并不是一个很优雅且具备未来需求的解决方案。 大致是这样的: editor.on('componen...

artf

你好,@Chilli-B,如果你能提供一个你想实现的目标的现场示例会更好。顺便说一句,如果性状被正确创建,它应该会与组件模型同步,例如: “''js { 类型:“选择”, 选项:[ { 值:'h1', 名称:'H1'}, { 值:'h2', name: 'H2'}, ], 标签:“TAG”, 设置与模型属性相同的名称,并添加 changeProp 名称:“tagName”, 变革提案:1, } ```

Chilli-B

你好,@artf,谢谢你的回复。下面是我如何通过扩展头部组件的文本模型来创建这个特性。 问题不在于同步。问题是,当我在画布中添加完整的布局,包含h2或h3标签(或其他任何标签),点击它们时,设置中的标题类型选择(特质)总是显示为“标题1”,因为这是选择中的第一个选项,且无法给任何选择选项赋予“已选中”属性。 var txtType = domComps.getType('text'); var txtModel = txtType.model; var txtView =...

artf

问题不在于同步。问题是,当我在画布中添加完整的布局,包括h2或h3标签(或其他任何标签),并且点击它们时,设置(特质)中的标题类型选择总是保持在“标题1”,因为这是选择中的第一个选项,且无法赋予任何选择选项“已选中”属性 这正是我说的那种同步方式......你试过我的例子吗???

#10932018年5月8日作者 ancientry3 个回答
0 个反应

你好,我是新手。我该怎么运行?

开发环境和配置需要多少; 2:官方网站的葡萄DEMO.HTML。我该如何在本地运行?

ancientry

![图片](https://user-images.githubusercontent.com/11289708/39745610-521a57a2-52da-11e8-8893-b3e6830e3b6d.png)

artf

你得先跑'npm i' https://github.com/artf/grapesjs#development 演示部门就在这里 https://github.com/artf/grapesjs/tree/gh-pages

lock[bot]

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

#10922018年5月7日作者 xr0master3 个回答
0 个反应

特征与存储触发

嘿,也许不是bug,我也不确定。 我有带有changeProp:真实场域的特质。 当我通过UI更改特质值时,模型会被更改,一切正常,但新更改不会保存在存储中。所以,刷新编辑器后,我会错过那些数值。如果我附加任何组件,当存储被触发且所有组件都已保存时, 感谢你精彩的项目。

artf

应该能通过这个方法解决 https://github.com/artf/grapesjs/commit/32c1b2c1f4e1bef967f43b0013bfd481cddb81c7

xr0master

没有。这并不能解决问题。

xr0master

可能#1104号快修好了

#10912018年5月7日作者 mbleverage3 个回答
0 个反应

如何选择第一个组件

我想启动编辑器时,样式管理器可见并填充。 这意味着默认选择了一个组件,样式管理器会显示与该组件相关的样式。 我一直在为如何访问这个模型而苦恼。 'var domComponents = editor.主成分; 当我把以下内容打印到控制台日志时,我能看到模型,但我就是不知道怎么访问它们。 'domComponents.getComponents()' 我想做类似的事情: 'editor.select(domComponents.getComponents().models[0]);' 但这并没有任何作用。 我试着把这个打印到控制台日志里: 'domComponents.getComponents().models' 它返回一个空数组...

artf

编辑器加载时再做 “''js const dc = 编辑器。主导组件; editor.on('load', () => editor.select(dc.getComponents().at(0))); ```

mbleverage

感谢您的时间。 我刚试了,但没用。 还有其他建议吗?

lock[bot]

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

#10902018年5月7日作者 Deepak8133 个回答
0 个反应

如何移除工具栏图标

你好,artf, 请告诉我怎么移除工具栏图标,比如用户点击图片元素时,我不想要删除图标或其他图标。 请帮助我们解决这个问题。 此致, 迪帕克·瓦利亚

artf

最简单的方法 '.gjs-toolbar { display: none }'

Deepak813

你好,artf, 谢谢你的留言。 我只是想隐藏工具栏的具体图标,而不是完整工具栏。比如在完整工具栏里,我想隐藏删除图标,其他图标都是一样的。

lock[bot]

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

#10892018年5月7日作者 kuldeepcis3 个回答
0 个反应

带有特质的自定义插件

“''js Grapesjs.Plugins.add('Social-Icons-Component', (editor, opts = {}) => { 设c = opts; 设默认值 = { 方块:“社交偶像”, 默认风格 defaultStyle: true, 默认的开始时间,比如'2018-01-25 00:00' 开始时间:“, }; 加载默认值 对于(设默认名称){ 如果(!(c)) 中的名称 c[name] = defaults[name]; } // 添加组件 loadComponents(editor, c); // 添加组件 loadBlocks(编辑器,c); const domc = 编辑。主导组件; co...

xr0master

你需要启动内容字段。大概是用来覆盖HTML的方法。这取决于什么方法不行

artf

@kuldeepcis你没有展示如何使用组件,请通过jsfidle提供一个实时示例

kuldeepcis

你好@artf, 这就是它的把柄 https://jsfiddle.net/apaoa5o2/14/ 在额外部分里有社交图标的块 这里的问题有: 1)拖拽时需要选择父选项才能看到右侧的设置部分。在设置里你会看到Facebook的网址和facebbok。 2)当你在Facebook编辑URL并勾选复选框时,左侧会看到反射。我希望这个复选框在页面加载时被预选。 3)导出时,Facebook图标没有我们设置的URL。请告诉我我们该怎么做。

#10882018年5月7日作者 kuldeepcis2 个回答
0 个反应

为地图添加新的自定义默认职业

请问你能告诉我如何在地图iframe的父div中添加自定义类别吗? 当我尝试在“grapesjs-preset-webpage.min.js”的move函数中添加自定义类时,会显示,但页面加载时会删除该类。 请指导我如何添加职业。 能否提供未压缩的grapesjs-preset-webpage.min.js js?

artf

用你想要的封装器创建你的方块,然后把地图组件放进去你能提供未压缩的 JS 吗grapesjs-preset-webpage.min.js? 你可以自己搭建,在package.json里查看脚本

lock[bot]

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

浏览所有主题