:关于一些自定义的问题。
那么,首先,我如何在编辑器的 iframe 中包含我自己的样式表? 你可以通过 Canvas 选项在 init 上注入“样式”和“JavaScript” “''js Grapesjs.init({ ... 画布:{ 脚本:['https://.../file1.js', 'https://..../file2.js'], 风格:['https://..../file1.css', '...'], } }) 然后在模板里明确设置类型 '''html <div data-gjs-type=“void-component”> ... </div> ```我该如何创建一个新的侧边栏 你可以考虑用[Panels API](https://g...
阅读下方完整回答 ↓问题
大家好, 首先非常感谢你的工作,这个项目看起来非常有前景。 我有几个关于我正在搭建网站的问题。 就我而言,我不需要完整的页面构建器,只需要帮助最终用户可视化创建/编辑页面和帖子内容,所以页面的某些部分应该在编辑器中可见,但最终的HTML代码中不应包含这些部分(比如页面页眉、页脚等)。 现在尝试了两天后,有些事情我真的不明白。 那么,首先,我该如何在编辑器的 iframe 中包含我自己的样式表? 目前我正在做的是循环播放document.styleSheets来找到我想要的样式表,然后循环每个css规则,并将其内容保存成带有cssText的字符串。然后我用editor.setStyle()将CSS注入编辑器。 这个方法实际上有效,问题是:1 - 运行缓慢(我有很多 CSS 需要添加)2 - 我注入的 CSS 实际上会显示在 CSS 编辑器里(这很糟糕,我不想让最终用户看到或编辑样式,而且我已经有了,也不想导出它) 我的第二个问题是,我有些网站部分需要在编辑器里显示,但我不希望用户编辑它们,也不希望它们在HTML编辑器中显示。它们只能通过通用的页面设置侧边栏编辑。 我的第三个问题是:我该如何创建一个新的侧边栏(我找不到相关文档),比如样式管理器或图层管理器,因为我需要它来为页面的一些通用选项创建一个新的侧边栏。 希望我能解释清楚。 希望能尽快得到答复。 此致敬礼,谢谢。
回答(2)
那么,首先,我如何在编辑器的 iframe 中包含我自己的样式表? 你可以通过 Canvas 选项在 init 上注入“样式”和“JavaScript” “''js Grapesjs.init({ ... 画布:{ 脚本:['https://.../file1.js', 'https://..../file2.js'], 风格:['https://..../file1.css', '...'], } }) 然后在模板里明确设置类型 '''html <div data-gjs-type=“void-component”> ... </div> ```我该如何创建一个新的侧边栏 你可以考虑用[P...
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #1466
编辑已保存的html编辑器.set组件滑块加载问题
我正在做一个项目,集成了 grapesJs 让用户构建模板,保存到数据库中,并编辑这些已保存的模板。 我最近添加了滑块插件,现在用户可以创建模板,但编辑时会引发JavaScript问题, 我用 editor.setComponents 编辑用户模板,并在 editor.setC...
问题 #1255
:如何从自定义组件中设置编辑器的HTML内容?
我在Grapes编辑器中无法让自定义块+组件显示其模板HTML时遇到了困难。在导出的 HTML 中,标记和 CSS 按预期生成。 不过在编辑器里,块不会留下任何界面(不过根据导出的 html/css 它已经成功拖入了)。 我的问题是: 'toHtml' 方法的输出如何正确地应用...
问题 #843
CssComposer - 移除未使用的类
你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用...
问题 #1836
如何在所有生成的API中添加!重要性
你好,@artf, 虽然我打算用 CSS 从 Editor 编辑一些 HTML,但我需要在所有 CSS 里添加“!important”,这会被更改。 让我举个例子, 这是之前的CSS 现在我要用“#000”来更改这个字体的颜色。 只有这个更改后的 CSS 需要附加 '!impo...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。