你好，我正在尝试为样式添加一个过滤器属性。我遇到的问题是，该性质要求两个参数：1. 滤波器的类型 2.力量。例如滤镜：模糊（10%）。我遇到的问题是，添加到CSS文件后，我会出现——筛选：模糊10%。我知道应该用 property.functionName 来修复这个问题，但我不知道怎么做（现有库里似乎没有类似的例子）。我用的代码是：谢谢你

artf

你好@shlomoko，要让过滤器通过“堆栈”类型正常工作，你必须添加自定义样式管理器类型，因为正如你已经注意到的，你得处理动态变量（比如“functionName”）。遗憾的是，我们还没有记录那部分，唯一的例子是[葡萄风格渐变]（https://github.com/artf/grapesjs-style-gradient）。扩展栈属性可能更难（可能需要对当前API进行改进），所以我会尝试举个例子说明。

artf

你好@shlomoko我创建了一个带有滤波器类型输入的插件 https://github.com/artf/grapesjs-style-filter 你可以用最新版本 https://github.com/artf/grapesjs/releases/tag/v0.14.40

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#14742018年10月2日作者 keithstric3 个回答

1 个反应

已过时

FontAwesome 请求在 404 下失败

这是针对版本 0.14.33。初始化画布并选择元素3后，会生成以下网络请求：https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.14.33/fonts/fontawesome-webfont.woff2?v=4.7.0https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.14.33/fonts/fontawesome-webfont.woff?v=4.7.0https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.14.33/fonts/fontawesome-webfont.ttf?v=4.7....

artf

[CDNJS不存储Fontawesome]（https://cdnjs.com/libraries/grapesjs）在 grapesjs 中（但 grapesjs 的 CSS 尝试加载它们）。@detectedstealth提出的解决方案是针对canvas CSS，所以和这个编辑器CSS问题无关所以尽量在HTML页面手动添加fontawesome，或者直接用 https://unpkg.com/grapesjs/dist/css/grapes.min.css

detectedstealth

@keithstric为了让编辑器里的字体效果好用，我需要添加：到初始值（{}）。你试过吗？

keithstric

谢谢你的回复。于是，我试了一下，补充道： 'canvas：{ 斯泰尔斯：[“https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.14.33/fonts/fontawesome-webfont.woff2?v=4.7.0”] },` 我的初始选项，但行为依然如故。我尝试本地安装，解决了这个问题，但觉得如果有人能提供解决方案，可能会对其他人有所帮助

查看详情

#14732018年10月2日作者 detectedstealth2 个回答

1 个反应

已过时

Canvas 外部 CSS

canvas/config.js 中的注释说明外部样式被添加到 iframe 的首部，但 view/CanvasView.js 中的代码实际上是将 CSS 附加到 iframe 的正体上。预期它会像外部脚本一样正确地附加到头部。

artf

作为第一个插入的元素，应该不会有问题，但为了完整性，我们会把它移到头部元素里

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#14722018年10月2日作者 detectedstealth3 个回答

3 个反应

已过时

自定义代码块与 JS

想知道是否有限制，或者实际上可以创建一个模块，让编辑器用户在构建模板时能够编写自定义JavaScript代码？比如拖放一个自定义代码块，然后在里面写JavaScript？示例：我创建了一个链接，想捕捉点击事件以发放Ajax请求等......我知道可以更新编辑器的初始化代码，加入外部 JavaScript 文件，但理想情况下，我们希望能在一个地方动态处理，而不必每次添加新 JavaScript 函数都修改设置。

cjpollard

试试看 'Grapesjs.init（{ allowScripts：1， ... }); `

cjpollard

这只是意味着你看不到代码，但你会看到一些东西，点击编辑它。 JavaScript本身就在，运行得很好。

cjpollard

https://github.com/artf/grapesjs-custom-code

查看详情

#14712018年10月1日作者 alfaalex813 个回答

2 个反应

已过时

Block管理器与形象

嗨！我用这个代码添加一个新块： blockManager.add（“image”， { 标签：“形象”，分类：“基础”，属性：{ 类：“GJS-fonts gjs-f-image” }，内容：{ 风格：{ 颜色：“黑色” }，类型：“图像”， activeOnRender： 1， }, }); 当我进入 Canvas 时，如何给 img 标签添加自定义类？谢谢。

arthuralmeidap

@alfaalex81 对于“content”对象，你可以添加一个新的索引，叫做“classes”。该索引需要是一个类数组，这些类将应用到新的 Image 块上; 最终代码：

alfaalex81

太棒了！我还有另一个关于同样论点的问题。例如，我需要创建一个带有图片的自定义块： <div> <ul> <li> <div><a href=“#link”><img src=“” alt=“标题图片” /></a></div> <a href=“#link” >Title</a> </li> </ul> </div> 我用块管理器添加代码，但直接进入Canvas时资产管理器打不开。否则如果我用image type属性，它会忽略我的html内容，我在js fidle里保存了...

arthuralmeidap

这并不是现在葡萄的行为。 AssetManager只有在你直接在img区块上直接掉落时才会打开。你必须在自定义区块中选择 img 块，然后执行类似这样的代码：

查看详情

#14702018年9月28日作者 mgotovkin-plana3 个回答

7 个反应

需要帮助

可能的内存泄漏

你好，我正在用 Angular 6 做一个项目，正在调查在 _previousAttributes 的编辑器被破坏后出现的内存泄漏，可能是从下划线 bind 函数中来的 ![图片]（https://user-images.githubusercontent.com/35450180/46211535-6ed97800-c33c-11e8-9097-1636017f24c0.png）所以，为什么不使用原生绑定和其他函数？我发现文件1.8.3和1.9.1里有几个grapes.js下线库，我猜是因为backbone-undo包导致的，你有打算修复这个问题吗？谢谢，此致，马克斯

artf

抱歉，这还没解决。我发现移除组件后，指向其DOM的引用依然存在。不幸的是，移除引用会损坏分拣器，所以我得想办法正确重构它

artf

简单更新一下，我正在处理这个问题[这里]（https://github.com/artf/grapesjs/tree/fix-leaks-2），到目前为止，组件的内存泄漏似乎已经解决了，现在我正在尝试解决那个损坏部件的问题（需要更长时间，因为我需要隔离每个模块，每个模块里都有点乱......）

artf

@BrainMaxxx很乐意有人帮忙:)

查看详情

#14692018年9月27日作者 Deepak8132 个回答

0 个反应

已过时

查看画布事件

你好，@artf，有没有什么常见的方法可以让我们知道Canvas上的内容是更新的？我们想创建一个自定义的撤销管理器，并且希望在画布中的任何更改都可能发生，比如样式更新、克隆、删除、新元素被拖入帆布。任何帮助都将不胜感激。谢谢你

artf

首先查看可参与的活动 https://grapesjs.com/docs/api/editor.html#available-events

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#14682018年9月27日作者 kornflex3 个回答

0 个反应

无法复现需要更多信息已过时

Modaltitle 无效

你好，我无法把资产管理公司的职称翻译成法语。示例：资产管理人：{ storageType： ''， storeOnChange： true， storeAfterUpload：true，模态标题：“影像的表现”，上传文本：“Glisser - déposer les images ici <br><br> <i>（2Mo max par image）</i>”， addBtnText：“Ajouter”， ... } modalTitle 没有改动，仍然是“选择图片”，但上传文本和 addBtnText 都没问题。谢谢你

artf

我无法复刻，请提供现场演示

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#14672018年9月27日作者 kornflex1 个回答

0 个反应

无效问题已过时

：上传后出现重复图片

你好，当我在特定区域通过拖放上传图片时，图片会被存储在服务器上两次，上传的图片列表中会被存储两次。用firebug查了一下，我看到有两个请求。但是，如果我用Windows资源管理器（点击放置区）选择图片，或者在资产管理器右侧拖拽图片，可以看到上传图片列表，图片只上传一次。用firebug查了一下，我只看到一个请求。谢谢你的帮助。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

GrapesJS 问题

浏览所有主题