已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文，例如：“[虫子]：.......'先快速搜索一下，看看有没有人没开同样的问题不要要求为你创建示例或代码，先阅读文档和API，然后你可以发布你尝试过的（我们希望看到你的代码）以及你无法实现的所有相关陈述/问题都必须填写/回答，否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗（旧版本不支持）？如果不确定，在控制台输入“grapesjs.version”并按回...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
在我的HTML代码中，我在元素的类名或数据属性中定义了一些变量占位符。例如，考虑以下代码块， '''html <div class=“list-container” data-page-id=“{{page.id}}”> <ul class=“{{list.className}}” data-list-id=“{{list.id}}”> <li data-list-id=“{{list.item.id}}”>List item 1</li> <li data-list-id=“{{list.item.id}}”>List item 2</li> </ul> </div> 如果你看到结果，'ul' 元素的类会从 '{{list.cl...
artf
转义函数在选择器模型中应用（https://github.com/artf/grapesjs/blob/80cd042f72ea0b957e05a78b5698c7d81860818f/src/selector_manager/model/Selector.js#L39）。我觉得提供一些自定义逃脱策略选项可能是个好主意。
我基本上是在RTE里放一个输入字段，这样用户就能更容易地建立链接。 console.log（'<a href=“#”>${rte.selection（）}</a>'）））返回的是一个空锚标签，类似这样的<a href=“#></a>。 我什么都试过了......甚至把 RTE.selection（） 值存到 update 函数里的全局变量（看起来 update 函数值是对的），并在结果函数里重用，但都没用。 所以基本上， 1）点击任意文本，你会看到图标和输入字段。 2）输入字段内的任何文本 3）模糊焦点，从而触发结果功能。 4）看到控制台，显示<a href=“#></a> 目前，href 永远是 # 因为我以后会有所贡献。但问题...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
由于涉及的方块很少，使用工具箱过滤器似乎没什么意义，但随着工具箱物品数量的增加，在工具箱上加一个过滤器就非常合理了。另一个让我烦恼的是，在画布上拖动元素时没有自动滚动功能。如果有人能帮忙解决这些问题，我会非常感激。感谢你们的👍出色工作。
artf
Hi @B-Esmaili，关于筛选器，你可以创建你的界面（面板、搜索输入等），并用模块的API来筛选它们（示例 https://github.com/artf/grapesjs/issues/499#issuecomment-343482511）让我烦恼的是，在画布上拖动元素时没有自动滚动功能 自动滚动应该能用（尽量靠近画布边缘）。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
如何在启动GrapesJs-react编辑器时加载html文件 我试过用这种方式，但没用， 编辑。StorageManager.add（'local'， { load（） { “template.html” }, });
arthuralmeidap
你可以用'editor.setComponents'来加载HTML。这里你可以看到一个例子：https://github.com/artf/grapesjs/wiki/API-Editor#setcomponents 你需要先从HTML文件获取内容。
artf
说实话，@hemanthmc，看看这个： “''js load（） { “template.html” }, ``` 我不确定你是否知道自己在做什么...... 从头说起： https://grapesjs.com/docs/getting-started.html
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
在编辑器中，如果我们有带有某些类的链接元素，编辑器不允许复制或删除该元素。 GrapesJS 版本：v0.14.50繁殖步骤：开放 https://grapesjs.com/demo.html导入后续简单链接标签 '''html <a href=“#” class=“btn btn-lg d-block d-lg-inline-block”>开始</a> ```选择它，点击复制图标或删除工具栏中的图标 @artf 你能给我建议吗？我们正在运行一个上线应用，让链接可编辑非常重要。
narendravaghela
有人能帮帮我解决这个问题吗？
artf
目前，先用这个选项启动编辑器： “''js Grapesjs.init（{ ... 画布：{ ... notTextable： ['button'， 'a'， 'input[type=复选框]'， 'input[type=radio]']， } }) ``` 下一个版本我会调整默认值
narendravaghela
现在它正在工作。谢谢你@artf
据我所知，我可以设置data-gjs-droppable=“.row-cell”，但我该如何设置多个选项？
v8jupiter
嗨。你可以像“draggable”那样使用查询字符串。
momu-2016
你好。你可以像“draggable”那样使用查询字符串。 谢谢，但我还是新手。能举个例子吗？
artf
@momu-2016 'data-gjs-droppable=“.class1， .class2， .class3”'
我正在尝试用“tinyMCE”来替代RTE，但我正在做一个不可能完成的任务，我按照插件CKEDITOR（https://github.com/artf/grapesjs-plugin-ckeditor）的同样步骤操作，但没有任何结果。 我也考虑过重写文本部分，但那会太多，因为文本部分是默认的RTE。 我这里做了一个示例，https://jsfiddle.net/qept2v7r/3/ 如果你能帮我，因为说实话我不明白发生了什么，我得点击三次才能打开编辑器工具栏。 谢谢！
GoodPHP
你好，请关注新的RTE： Tinymce 6 - https://gjs.market/products/tinymce-6-inline-text-editor 弗罗阿拉 - https://gjs.market/products/froala-inline-text-editor
artf
不幸的是，由于 https://github.com/tinymce/tinymce/issues/4629 的问题，无法实现 TinyMCE，实际上 grapesjs 的包装器在另一个 iframe 里，格式也无法正常工作（只有撤销/重做按钮有效）。 这是我用 tinyMCE 几乎完成的插件示例： https://jsfiddle.net/uq9hfL8p 我必须关闭这个问题，因为问题与 tinyMCE 有关
adamyarger
@chiqui3d我来晚了，但我确实让 Tinymce 的 cutomRte 能用了。为了让tinymce能和iframe兼容，你必须在iframe窗口和文档的上下文中传递。 我在@artf示例中添加了 tinymce 配置 https://jsfiddle.net/adamyarger/t3b5qky1/1/ 另外要注意，其他一些格式无法使用，这是因为根 tinymce 元素是 p 标签。要在 tinymce 中使用块元素，你需要启用 div 作为文本组件。
你好，artf，我创建了自定义组件并为它添加了特征，当拖动这个组件到编辑器并选择它时，设置特征是正常工作的。 问题是，当将同一个组件拖到旧组件后面到编辑器并选择设置特征时，默认特征（ID，标题）会只显示，这是我实现的代码 对于创建组件： this.editor.BlockManager.add（'customtext'，{ id：“texttool”， 标签：“文本工具”， 内容：{ 组成要素： [ { 标签名称：'texttool'， type：'texttool'， 可编辑：true， 内容：'// 一些HTML ' }, ] },} 对于该指令添加特征： this.domComps.addType（'texttool'， {...
artf
请制作本期的现场演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
![截图来自2018-12-30 14-14-25]（https://user-images.githubusercontent.com/14032350/50547162-49128680-0c3d-11e9-9b9e-b85351ed4d22.png） 我想为现有的视频组件添加一个新特性。我照着文档做，但没找到我想要的。 现在我把新特性加到了视频组件里，但现有的特征都没了，我需要一些帮助，非常感谢 以下是我目前尝试过的方法： https://js.do/code/273166
artf
扩展['video'类型]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentVideo.js），而不是默认的，并且注意你的'isComponent'方法，你返回的是'return {type： 'input'};'
ahmedeldeeb25-zz
@artf谢谢你的回复，我试过你说的方法但没用，现在我的新特质甚至都没加进去 https://js.do/code/274228 你能演示一下这个解决方案吗？
ahmedeldeeb25-zz
@artf我也像你说的那样用 MAP 和 LINK 组件做同样的事，能用，但 VIDEO 组件就不行了