PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated如何在富文本编辑器中添加有序列表的图标？这是我的代码。 rte.add（'insertOrderedList'， { 图标：“//如何在这里添加订单列表的图标？？ 属性：{标题：“有序列表”}， 结果：（rte， action） => rte.exec（'insertOrderedList'）， });
ryandeba
你可以把“图标”值设置为你想要的任何标记。这里有一个用font awesome的例子： 顺便说一句——我看到有人讨论要把 Grapesjs 的字体 Awesome（字体 Awesome）移除。我不确定目前的计划，但觉得值得一提，因为如果未来版本不包含font awesome，这可能无法实现。
NorthstarTech
非常感谢。现在运行正常。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@artf，我怎样才能动态导入自动在Canvas中反映的内容。
duskhacker
@suraj740 'editor.setComponents（）' 会同时接受 html/css，所以你可以直接跳过 'setStyle' 调用。至于其他的，你看过存储管理器的文档，对吧？你可以在不按按钮的情况下程序调用“加载/存储”，比如“editor.store（）;editor.load（）'
duskhacker
在我的项目中，我会在一个 HTML 元素上设置 data- 属性，并通过 Javascript 中的 .dataset 提取它们，编辑器配置好后，我会运行： 请注意，HTML 必须设置成让 grapesjs 能够理解的。我认为它必须遵守 BEM（http://getbem.com/） 标准。实际上，我只是创建了几个文档，来了解它应该是什么样子。 另外，HTML/CSS从哪里得到并不重要，可能是远程调用，也可以直接嵌入JavaScript里，我只是举例说明我在做什么。 祝你好运
duskhacker
@suraj740 ^^
我在网站演示中复现了这个，所以我知道这不是我的编码问题。 如果你把最小高度和宽度设置为文本块，然后删除所有文本使其空白，重新输入文本时文本会重复。
ryandeba
你好@markbailey， 我成功重现了这个问题，并提交了拉取请求来修复。复制的内容只出现在 dom 里，不在组件属性里，强制编辑后渲染视图似乎能解决问题。
markbailey
你好，@ryandeba，谢谢你的信息和解决办法。我期待你们的改动被合并。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我注意到在当前的演示中，大多数方块只能通过属性编辑器来调整大小，不能通过拖动方块上的锚点（比如用地图元素可以做到）。这是设计的，还是只是尚未实现的功能？
ryandeba
你好@matthewgertner， 我相信可以通过“resizable”属性在单个组件上启用：“component.set（”resizable“， true）。对于带有“显示：内联”风格（比如“”）的元素，<span>或者高宽按百分比而非像素设置的元素，它可能不太适用。 这可能不是最理想的实现方式，但你可以这样做来观察它的实际操作：'editor.on（“component：selected”， function（args） { args[1].set（“resizab...
artf
@matthewgertner Ryan 的解决方案应该可行，是的，我并没有出于 Ryan 已经解释的原因设计上应用它们，但你实际上可以创建启用可调整大小的块/组件
matthewgertner
@ryandeba @artf 太好了，谢谢你的建议。我们现在正在玩代码库，会试试这个方法。
是否有可能创建一个块，允许用户直接在模板上或样式/布局管理器中写响应式HTML？
ryandeba
你好@NorthstarTech， 我刚做了一个插件（非常早期，还需要更多改进），你可能会觉得有帮助：https://github.com/ryandeba/grapesjs-html-block。 你应该可以把这个文件包含在你的项目里，并在你的 grapesjs init 配置里包含插件： 'Grapesjs.init（{ ..., 插件：['html-block'] })` 完成后，你应该会看到一个新的“HTML代码”模块。拖拽到某个地方，选择元素，你应该会在工具栏看到...
ryandeba
@chiqui3d 将 isComponent 函数改为这样，以防止初始内部 HTML 被 grapesjs 解析成组件： 我发布的[其他代码]（https://github.com/artf/grapesjs/issues/567#issuecomment-365481752）应该阻止 grapesjs 在通过模态编辑后解析HTML。关键是你需要把内部HTML设置到 content 属性里，而不是 components。
ryandeba
根据这里的第一条评论，我相信这个问题已经解决，可能会被关闭：https://github.com/ryandeba/grapesjs-html-block/issues/1。如果你想继续保持这个问题开放，@NorthstarTech能确认或回复更多细节吗？
如何在视频特征中添加自定义HTML类型，使用户能够输入iframe代码并将其嵌入HTML中。
artf
我觉得这是一种完全不同类型的[组件]（https://github.com/artf/grapesjs/wiki/Components）。
Deepak813
我们有没有在下一版本的视频类型特征中加入这个组件？
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
是否可以使用自定义的 HTML 元素，例如： <body> <my-custom-tag/> </body> 哪个会为预览窗口渲染特定的 html，但源代码输出的是自定义标签？ 谢谢， 保罗
artf
是的，你可以在自定义组件中使用不同的标签名称 “''js const dc = 编辑器。主导组件; const defaultType = dc.getType（'default'）; dc.addType（'my-custom-type'， { model： defaultType.model.extend（{ 标签名称：“自定义标签” }, { isComponent（el） { if（el.tagName == 'CUSTOM-TAG'） return {type：...
paulroberttaylor-zz
谢谢@artf，这让我找到了正确的方向。 如果我想让区块中需要编辑的内容出现在自定义标签代码中，我该如何实现？
artf
你是说像这样的东西？ “''js 编辑。BlockManager.add（'custom-block'， { 标签：“自定义块” 内容：“<custom-tag>......</custom-tag>” }) ```
你好， 我有一个应用的想法，我觉得我这个领域的人会觉得有用。 本质上，我们有一个用于应用开发的框架，但没有针对它的界面构建器。 它有一个相当大的 css/icons/svg/fonts 资产文件夹。 我想做的是能够创建一个插件，包含这些资源，而不是必须把每个组件的样式添加到块的标记中。 如何实现这一目标？ 谢谢， 保罗
artf
你好，Paul，你可以这样注入外部风格 “''js const editor = Grapesjs.init（{ ... 画布：{ 斯泰尔斯：['...file1.css，'......file2.css'，'...'] } }); ```
paulroberttaylor-zz
太棒了！ 谢谢@artf
suraj740
你好@paulroberttaylor，你是如何在样式中加入字体的， 我也在做同样的事，但什么都没发生 const editor = Grapesjs.init（{ ... 画布：{ 样式： ['<link href=“https://fonts.googleapis.com/css?family=Roboto” rel=“stylesheet”>'] } });
你好， GrapesJS 可能出现了新问题。我用“bm.add（）”创建了一个新组件，里面用了带有“<thead>''和”<tbody>''标签的表元素。但用 'editor.getHtml（）' 方法获取 html 时，'<thead>' 和 '<tbody>' 标签会被省略。你能帮帮我吗？ ![截图：2017-11-23 10-16-20]（https://user-images.githubusercontent.com/33310500/33159266-5ebd404e-d037-11e7-8699-0f7f4c13935f.png） ![截图来自2017-11-23 10-14-28]（https://user-ima...
artf
@fsaiyedOB是的，我把[表格组件]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTable.js）做成这样，因为写作时分拣器表现得不一样，排行时有“身体”状的元素，很乱。目前，处理桌子不是我的优先事项，但我会先留个余地，以防有人愿意帮忙
ryandeba
谢谢！我会在接下来的几天内开始做这件事。
ryandeba
你好@artf——我可能以后可以看看这个。我开始时只是移除了[表格组件]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTable.js）（第54-68行）中的“清理非行的表格行”部分。你能指点一下这会带来哪些需要解决的问题吗？
尝试创建自定义组件，请参见[演示]（https://5vo5ppvm8p.codesandbox.io/）和[代码]（https://codesandbox.io/s/5vo5ppvm8p） 拖出两个“按钮”，再拖出两个“按钮+链接” 这两个按钮宽度是合适的，但自定义组件是某种奇怪的全宽固定高度 为什么？ ![图片]（https://user-images.githubusercontent.com/1036968/33134633-4792f4d2-cf6e-11e7-84b1-cd588a3e6d95.png）
artf
默认的“tagName”属性是“div”，在你的模型中更改它 “''js ... defaults： Object.assign（{}， defaultModel.prototype.defaults， { 标签名：“span”，//<--- 可掉落：错误， ... ```
Geczy
现在明白了，谢谢
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。