PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated图书馆太棒了，谢谢！！ 我有两个问题，希望你能帮忙解答。我如何将命令面板从顶部移动到左侧，如图所示：https://github.com/artf/grapesjs/wiki我之前很难让方块图标显示，我看到的是单个字母。我通过复制main-fonts.woff文件解决了这个问题，我需要这个文件吗？
artf
你好@hillelcoren我如何将命令面板从顶部移动到左侧，如图所示 所有面板都由CSS自由排列，你可以随意移动它们我之前很难让方块图标显示，结果却看到了单个字母。我通过复制main-fonts.woff文件解决了这个问题，我需要这个文件吗？ 是的，不幸的是，大多数图标来自字体，所以如果你想用同一个图标，就必须包含它们。 顺便说一句，我们计划把它们作为依赖#644移除
hillelcoren
谢谢你的帮助！
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我想从面板中移除或隐藏下面提到的“视图”。通过 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）
当我使用“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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
或者怎么获取所有HTML代码和CSS，这样我就能保存到数据库里。 还是文档里已经有这个功能了？ 非常感谢你的帮助:)
josefph
抱歉发了这条帖子。我只能查看未解决的问题，却不知道还有已结案。我知道可以用editor.getHtml（）和editor.getCss（），我可以直接把它们保存到数据库里保存模板（这是我唯一知道的保存代码的方法）。还有别的办法吗？
artf
@pranzikkin你可以设置一个远程存储#778，自动存储你的数据
josefph
我应该在UrlStore里放什么？
你好，@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 哦，你想在拖拽/投放时切换锚点？
我该如何更改并获取当前选定区块的内容？
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。我该如何避免这种情况？
我怎样才能让文本上的“点击”事件打开不同于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”命令吗？
你好@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
我希望能解释清楚，当我编辑链接时，我看不到可以编辑链接文本的可能性。我觉得如果那个链接没有子节点，比如图片，应该在样式管理器设置里显示文本字段。 谢谢
artf
链接扩展文本组件，所以你只需双击即可开始编辑
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好， 我想禁用在移动视图开启时选择、悬停或编辑编辑器的组件。 我尝试过使用以下代码。但它会移除编辑器中的所有组件。 “''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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。