#27972020年5月22日作者 cambiasso5131 个回答
0 个反应
链接块内的图片无法响应
你好， 我知道我可以通过链接块插入图片的URL。我的问题是链接块内的图片不会自动响应。
artf
添加你需要的CSS来修复这个问题
GrapesJS 问题
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
#27962020年5月22日作者 vinceumo3 个回答
2 个反应
项目启动时CSS会被移除
你好， 我正在尝试将工具类导入 Grapes JS。我的问题是，如果画布中的某个元素没有使用葡萄，葡萄会把它们去除。我正在构建一个自定义面板，链接到我的CSS变量（CSS自定义属性），用以管理Grapes中的这些类。 我怎样才能导入我的CSS并保留所有类？ 我制作了一个小演示，展示我的问题 https://codesandbox.io/s/musing-moore-1tswh?file=/index.js 进入index.html你会看到所有的CSS。点击“查看代码”时，你会看到大部分CSS已被移除。 非常感谢
Ju99ernaut
'grapesJS' 不直接处理 'css'，它先解析成 'CSSOM'，并在编辑器中使用，因此除非编辑器画布中有组件使用该类，否则该类不会出现在代码预览中。你的类会在编辑器画布中使用时动态导入。
Ju99ernaut
你可以在初始化过程中外部加载样式表，然后直接从index.html中移除 “''js canvas：{ 风格：[ “路径/到/样式表” ] } ``` 你也可以查看 [SelectorManager]（https://grapesjs.com/docs/api/selectormanager.html） 和 [CssComposer]（https://grapesjs.com/docs/api/csscomposer.html#csscomposer） API 参考
vinceumo
谢谢@Ju99ernaut，你知道有没有办法添加一些CSS，并且能在画布里提供，同时也能在导出时使用吗？
#27952020年5月21日作者 Yonatan199811 个回答
1 个反应
同时运行多个插件
你好， 我设法分别安装了每个插件并运行它们。我该如何结合它们？如果可以的话，请给我一些比较详细的操作，因为我在这里看到了一些解决方案，比如“添加ckeditor library”，但我不太确定怎么做。 谢谢
Ju99ernaut
我想你可以用 [grapesjs-cli]（https://github.com/artf/grapesjs-cli）把这些插件打包成一个插件。参考 [grapesjs-preset-webpage]（https://github.com/artf/grapesjs-preset-webpage） index.js 文件。
#27942020年5月21日作者 AndiswamyDev1 个回答
0 个反应
Assset 图片点击自定义
我能自定义资源图片点击事件吗？这样我就能停止一次点击自动更新图片源。有没有办法把target.set（）说成图像组件的默认源？ 我正在点击属性上自定义资产图片。默认情况下，grapesJS 是点击素材中的图片，源 URL 会自动更新到编辑器中选中的图片组件。 我想要的是，我点击资源图片，它会阻止葡萄的属性。我正在尝试通过JQuery实现Sby。 我参考了我们的文档和API文档，但无法在里面输入与资源图片点击和更新源码相关的内容。 大家急需帮助。 @artf
artf
请参见本部分 https://grapesjs.com/docs/modules/Assets.html#extend-asset-types
#27932020年5月20日作者 Lerdouille3 个回答
3 个反应
扩展图像特征
你好， 我想扩展图片类型，加入一些选项，特别是点击时的重定向选项。 我在编辑器初始化后尝试了这个解决方案（我具体说我是在全JavaScript和非Node.js环境中工作）： 编辑。DomComponents.addType（'image'， { isComponent： el => el.tagName == 'img'， 型号：{ 默认值：{ 特质：[ 字符串会自动转换为文本类型 'alt'， 'title'， // 同理：{ 类型： 'text'， name： 'name' } { 类型：'url'， name： 'href'， placeholder： 'https：//google.com'， changeProp： 1...
Lerdouille
又见面了， 以下是生成 HFE 图像的最终解决方案： “''js 编辑。DomComponents.addType（'imagelink'， { 型号：{ 默认值：{ 标签名称：“div”， 可调节大小：{keepAutoHeight： true}， 可掉落：错误， 特质：[ { 类型：'href'，标签：'Source'，名称：'href' }, { 类型：“选择”， 标签：“Target”， 名称：“目标”， 选项：[ { 值： ''， 名称： 'This window...
felipesotero
我的项目也有同样的需求。我尝试创建一个方块，但最初的弹窗无法“弹出”。 我尝试用插件创建组件，但工作量太大，我无法理解它们如何相互连接。 如果有任何关于我们俩都能做些什么的提示或线索就太好了！ 谢谢！
artf
你添加了这个监听器 'change：url'，但特征名是 'name： 'href'''，所以只需改成 'change：href' 即可
#27922020年5月20日作者 josfh20051 个回答
0 个反应
视频组件更新时的错误
你好，当更换提供者时，updateProvider 函数中会出现“this.model is undefied”错误。 这张截图是 https://grapesjs.com/demo.html，只需添加视频组件并更改提供商即可。 ![截图 2020-05-20 12 59 21]（https://user-images.githubusercontent.com/938654/82474911-bd033800-9a99-11ea-9da9-433960085207.png）
artf
与此事相关 https://github.com/artf/grapesjs/issues/2773
#27912020年5月20日作者 MarlonV1231 个回答
4 个反应
请帮助导入和导出模板
早上好，请帮我创建模板然后加载它们，我真的什么都做不了，我想保存模板，之后再加载，我已经好几天没尝试了，我是编程新手，我几乎完全按照每个步骤操作，实际上唯一缺少的就是模板，如果你能帮帮我，请帮帮我。 我会非常感激你的。 ' const LandingPage = { HTML： '<！DOCTYPE HTML><html></head><body><h1>test message</h1></body></html>'， CSS：无， 组件：零， 风格：无效， }; const editor = Grapesjs.init（{ components：LandingPage.components ||LandingPage.html...
Ju99ernaut
至少你需要有命令来保存模板、打开显示已保存模板的模态，以及将模板加载到编辑器中。要用本地存储保存模板，可以用类似这样的方法。 “''js 令模板 = “”;用这个来设置模板名称，你可以把这个值设为监听输入字段 编辑。Commands.add（'save-template'， { 运行：函数（编辑器，发送者） { 发送者 & 发送者.set（'active'）;关掉按钮 let components = editor.getComponents（）; let style =...
#27902020年5月19日作者 motazad3 个回答
3 个反应
设备在版本0.16.12中无法工作
@artf 当我点击设备（平板、手机）时，画布大小没有更新 但在0.15.x及以下版本中是正常的。
cdespinosaagmx
我也有同样的问题
kuhelbeher
我在Grapejs更新后也遇到过同样的问题。我发现我用的是旧版的CSS文件： “https://unpkg.com/[email protected]/dist/css/grapes.min.css” 我更新了版本，使用葡萄，问题就解决了。 试试看吧，也许你也有同样的问题。
alitorki2651
我也有同样的问题@artf
#27892020年5月19日作者 iamDreamcode1 个回答
0 个反应
：为内置RTE添加颜色
嗨 我正在尝试为内置的RTE添加背景和前景的颜色，但在失去焦点后——风格的道具会重置。 这里有一个例子：[https://jsfiddle.net/2s3vhygn/]（https://jsfiddle.net/2s3vhygn/） 看起来我需要更新一个模型并在上面设置样式。 尝试用这段代码更新模型： “JavaScript const selectedText = editor.getSelected（）; editor.select（selectText.find（'.selected'））; editor.getSelected（）.setStyle（{ color： 'red' }）; editor.getSelected...
artf
@iamDreamcode要让该元素可选，你应该强制同步文本组件 https://jsfiddle.net/xhp7k1bs/
#27872020年5月18日作者 JoLoZ1 个回答
0 个反应
替换所有 HTML
你好， 我正在尝试使用 GrapesJS 为我的终端用户定制模板，但遇到了以下问题： 没有文档说明我可以用类似函数的东西替换所有内容。 我试着转移注意力，但那个，嗯......重定向。 我有：演示页面的完全复制品（我还没能让主体运行起来，但足够测试了。） -静态.html文件，我从里面拉模板一个小型脚本，捕获URL参数，并尝试用“base”参数中的文件替换内容。PHP 7.4（也可以切换到包括 PHP 5 在内的多个版本）外部目录，将浏览器重定向到设定“基础”参数的编辑器。 内容是这样的：
artf
很多事情取决于你的后台，这点我帮不上忙，但如果你需要用新模板替换画布，可以用类似这样的工具 “''js editor.setComponents（'<p>这里图像一些内容。发挥创意吧！</p> <style> '）</style> ```