#15732018年11月12日作者 crypto-dump3 个回答
如何在编辑器中放置元素时显示自定义模态对话？ 当将图片块丢弃到编辑器时，会出现类似的素材模态对话框。
mcsekar12
请核实文档 [https://grapesjs.com/docs/api/modaldialog.html#modal]（https://grapesjs.com/docs/api/modaldialog.html#modal） 请使用Modal.setContent（）;
mcsekar12
使用编辑器事件 [https://grapesjs.com/docs/api/editor.html#available-events]（https://grapesjs.com/docs/api/editor.html#available-events） 'editor.on（'component：add'， （model， argument） => { 使用组件名称的过滤器 如果 （model.getName（） === 'modelName'） { 表演模态 } 使用...
crypto-dump
谢谢。我是这个插件的新手。 如何创建带有复选框、选择选项等功能的模态对话框？
#15722018年11月10日作者 crypto-dump2 个回答
我就是这样手动添加视频屏蔽的。 <pre> blockManager.add（'video'， { 标签：“视频”， 分类：“媒体”， 属性：{class： 'fa fa-youtube-play'}， 内容：{ 类型：“视频”， 课程：['网站-媒体'，'网站-视频']， 特征：[“数据-全景”] 可调整大小：0， 可拖拽：'.website-cell， .website-block， .video-container， .media-container'， 风格：{ 宽度：“100%”， 高度：“自动” } }, }); </pre> 看起来当我把视频块放到编辑器时，就会产生这个元素。 '<div class=“website...
artf
你在“''上看到的”样式“<video>只应用在Canvas里，样式是应用到包装器上，你应该能在导出代码中看到它们正确应用
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#15712018年11月9日作者 abozhinov1 个回答
请观看视频：https://screencast-o-matic.com/watch/cFXQlQYSjW使用Mac OS的最新版本使用 grapesjs - branch dev 的最后版本用户 Chrome - 最后版本 问题是什么： 使用触摸设备时拖放功能不如预期。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#15702018年11月9日作者 mrajeshkrossark2 个回答
你好，@artf， 我尝试在 grapesjs 编辑器导出插件里自定义选项。但只有两个选项（addExportBtn、btnLabel）能正常工作。其他选项如文件名、文件名、根源等都无法正常工作。 我的代码： 我刚把 addExportBtn 变量改成了 0，导出按钮在编辑器里看不到。并且把btnLabel变量从“导出为ZIP”改成了“导出为ZIP”。这些变化受到了影响。但除此之外，其他选项都无法自定义。
artf
错误的仓库看看版本：https://github.com/artf/grapesjs-preset-webpage/blob/master/package.json#L53
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#15692018年11月9日作者 wirelessed2 个回答
你好， 在您的[Components & JS]（https://grapesjs.com/docs/modules/Components-js.html#basic-scripts）文档中提到，脚本可以在“块”部分的脚本属性下添加。 然而，经过一番反复尝试，每当保存并重新加载页面时，脚本似乎都消失了。 当我尝试把脚本添加到“模型”部分时，似乎它变成了永久的。这是为什么呢？
artf
很可能你存放方式不对，https://grapesjs.com/docs/modules/Storage.html 顺便说一句，你可以在块子里添加脚本，但我强烈建议为这种情况创建一个自定义组件
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#15682018年11月8日作者 dkmurakaru2 个回答
你好， 我正在尝试编写一个特征，允许创建表单列表并在模型中生成相应的表单。到目前为止，我有这个： “JavaScript 编辑。TraitManager.addType（'list'， { 事件：{ 'keyup'： 'onChange' }, getInputEl： function（） { var self = this; var idx = 1; function createForm（input） { self.model.attributes.options.map（function（m） { TOOD：添加选择选项 console.log（男）; 如果 （m.type === 'select'） { var s = $...
artf
@dkmurakaru注意你创造的不是真正的输入 “''js var input = document.createElement（'div'）; ``` 因此，你还应该更新像 ['onChange ']（https://github.com/artf/grapesjs/blob/dev/src/traitmanager/view/TraitView.js#L44）和 ['setInputValue']（https://github.com/artf/grapesjs/bl...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#15672018年11月8日作者 alimajed933 个回答
大家好， 我使用的是最新的 Grapesjs 稳定版（40），我注意到富文本编辑器中出现了以下错误：如果用户将富文本编辑器拖放到画布中，点击它并尝试按照示例进行克隆（或工具栏中的任何操作如删除等），都不会有任何操作。用户必须为每个示例选择另一个块，或者直接点击文本编辑器外，然后再次点击文本编辑器，才能执行工具栏操作。 有人知道这可能是什么原因导致这个问题吗？我是在换到新版本后开始注意到这个问题的，之前用的是v17。 谢谢你的帮助。
arthuralmeidap
PR：https://github.com/artf/grapesjs/pull/1800
artf
是的，这正是因为[这个检查]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/ComponentDelete.js#L5），在编辑模式下我们需要阻止某些操作（例如点击canc/backspace会触发同一个命令）。可能我们需要设置某种强制选项
alimajed93
你好@artf， 哦，我明白了。 你能举几个例子说明我们为什么加上这个支票吗？我是说，我们之前遇到了哪些问题，而这次检查解决了？ 谢谢。
#15662018年11月8日作者 ThomasLaigneau3 个回答
你好，我正在用GrapesJS做Prestashop网站上的页面构建器。 这个想法是用自定义块设置默认模板存储在数据库中。商店和模板加载都正常。我的问题是，我只想使用我创建并添加到BlockManager中的自定义块，但使用默认CSS。我可以放 CSS，但默认如何设置这些块的媒体查询？页面构建器的用户只需拖动这些方块，而这些方块默认会响应。这是我的代码： “''js 编辑。BlockManager.add（'block-header'， { 标签：“Bloc Header” 内容： '<style> .mdcblockheader { 宽度：100%; display：flex; justify-content：Center; a...
artf
你可以把那个类设为私有，这样就不用在样式管理器里选择它们，这样你会为组件做样式，而不是规则 “''js const privateCls = ['.mdcblockheader']; editor.on（'selector：add'， （selector） => { if （privateCls.indexOf（selector.getFullName（）） >= 0） { selector.set（{private： 1}）; } }); ```
ThomasLaigneau
不错，效果很好！非常感谢！
ThomasLaigneau
@artf 代码是正常的，但我刚看到编辑器里无法再看到元素悬停状态的选择按钮了......当我移除你让我添加的代码时，它又回来了......
#15652018年11月8日作者 MisterFK2 个回答
你好，遇到了一个新问题，我正在按照教程操作，我想创建“两列”（或更多）这个模块。 我尽量使用（并且理解，这也是我不想用 grapesjs-blocks-basic 的原因）这部分代码： 但我不知道在“.row”和“.row-cell”类中需要做些什么才能让这个例子正常工作...... 我尝试了样式，但什么都没显示出来，也无法拖动东西进去，但元素存在于图层面板中。 ![bug_columns]（https://user-images.githubusercontent.com/44830209/48183167-3ff4ef80-e347-11e8-8994-44233f3bf045.PNG） 谢谢你的帮助！
artf
你应该添加合适的风格才能看到某些东西，试试像这样的 “''js blockManager.add（'the-row-block'， { 标签：“2列”， 内容： <div class=“row” data-gjs-droppable=“.row-cell” data-gjs-custom-name=“Row”> <div class=“row-cell” data-gjs-draggable=“.row”></div> <div class=“row-cell” data-...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#15642018年11月7日作者 MisterFK2 个回答
你好，我的项目GrapesJS遇到了CSS问题，不知道原因...... 我试着做tuto，但没有图标。 ![buggrapesjs]（https://user-images.githubusercontent.com/44830209/48116478-b4645b80-e27f-11e8-8535-644e10d729ed.PNG） 另一个问题是，我无法将窗口分成两列。 我用的是最后的CSS和JS版本。 组织结构： assets/js/grapes.js 资产/CSS/grapes.min.css assets/fonts/FontAwesome.otf [...] main-fonts.woff 代码：<link rel=“s...
artf
你居然无法加载字体，去开发工具里检查一下，可能你会看到错误
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。