#28502020年6月22日作者 Aiyush-G3 个回答
你好@artf， 希望你一切安好， 我想知道你是否能帮我解决一个简单的问题（我最近开始使用GrapeJS。 问题：使用插件创建方块，在“特质”部分设置一个下拉菜单，可以更改显示的方块类型。 这是我当前的插件代码，显示两个模块： 我希望在设置（特质）标签下拉菜单中能出现，让我可以选择其他内容选项，例如： 简单区块 ------------> 红色 ------------> 橙色 ------------> 黄色 然后相应地调整内容如下： 红色：内容：“<div class=”my-block“>这是一个简单的红色块</div>'，” 橙色：内容：“<div class=”my-block“>这是一个简单的橙色块</div>'，'...
cartifon
我不确定添加后是否还能更改该块......也许你应该给积木添加类别，可以改变颜色、大小之类的。 你可以看看 CSS composer 的相关内容。 https://grapesjs.com/docs/api/css_composer.html#add
artf
@Aiyush-G，我觉得你应该创建一个带有该特性的自定义组件，然后改变内容，块本身只包含该组件 “''js 编辑。BlockManager.add（'my-first-block'， { 标签：“简单块”， 内容：{ 类型：'your-custom-component'， yourProp： 'red'， 分类：“苹果” }); 编辑。BlockManager.add（'my-second-block'， { 标签：“第二块”， 内容：{ 类型：'your-custom-...
Aiyush-G
你好，是的，这就是我在想的，你介意给我举个例子，比如选择红色会显示你选择了红色作为<p>标签;如果你选择橙色，那表示你选择了橙色和一个<p>
#28492020年6月21日作者 meyerco3 个回答
描述在我们的图片资源项目中，我们使用 URL 代替 base64 代码。预期行为当将背景图像设置为控制项时，必须更新该控制的CSS 。CSS 必须反映在画布和样式面板上。接下来会发生什么？如果图片名称上有空格或括号，设置为背景图像时，它不会在任何地方反映，无论是在画布上还是样式面板上。我研究的结论 为了理解这个bug，我通知了如果图片名称带有空格或括号，就会破坏背景图像的值。 例如，如果图片名为“my image.jpg”： CSS将在空格上断裂，如下： “''CSS 背景图片：URL（http://localhost:3000/images/my image.jpg） ``` 我认为解决方案就是在 URL 或 base64 代码...
meyerco
你好@artf， #2975 这里有一个修复问题的PR。 如果足够好，请告诉我。 谢谢
artf
感谢你的报告，我很希望能为这个问题写个公关
meyerco
你能指引我去一个文件，background-image 设置在那里吗？
#28482020年6月21日作者 Aiyush-G1 个回答
在 Init 中使用 CSS 会导致屏幕空白：我想链接多个 CSS 文件，这样在实际网页上我就能定义类，比如 在 Css 文件中（示例）： 在网页上，我想定义文本（例如）让类为h6，或者创建一个自定义块来预定义类。然而，这并不起作用，因为屏幕呈现为空白。我的代码： 我用的是“gjs-preset-webpage”插件——>不确定这是否会影响什么。 希望你能帮忙，因为这几天我一直在努力解决这个问题。 此致敬礼 哎呀 编辑： 我在哪儿看到说糟糕的CSS可能会损坏编辑器。我不确定什么才算是糟糕的CSS，有没有什么工具可以用来解决这些问题这里有一张我的CSS表;它相当大，所以我把它粘贴成了：https://pastebin.com/ctj...
#28472020年6月20日作者 BerkeAras1 个回答
无法使用以下代码禁用assets-manager上传： “''js 资产管理人：{ 上传：错误 }, ```
#28462020年6月20日作者 BerkeAras1 个回答
你好，我有两个问题： 有没有可能创建一个带有文件夹结构的自定义资产管理器？ 在资产管理工具中创建资产搜索功能可能吗？ 谢谢。
artf
你可以用自己的替换默认资产管理器，试着在 issues 里搜索“custom asset manager”
#28452020年6月20日作者 BerkeAras3 个回答
你好， 那把图片拖拽到图像元素里怎么样？像这样： ![]（https://docs.adobe.com/content/dam/help/experience-manager-65.de-DE/help/release-notes/assets/connected-assets-drag-and-drop-only.gif）
artf
我认为可以通过扩展默认图像组件来实现这一点。既然用户已经可以通过HTML5的D&D将图片放入画布，我建议跳过核心组件中的此功能。
#28442020年6月20日作者 akashdesale981 个回答
editor.setComponents（“html stiring”），一种方法，将 HTML 字符串作为输入，并在代码管理器的 HTML 部分中设置该代码 如果我们把 ，<input data-gjs-type=“myInput” type=“text” required/>“ 传递给 editor.setComponents， 那么它的输出将是“<input data-gjs-type=”myInput“ type=”text“ required=”“/> 如果你看到 setComponents 在给必需标签添加额外字符串，所有属性都发生了，比如自动对焦、禁用以及所有单个布尔标签？ 有什么办法可以避免这种情况吗？
artf
目前，你只能通过这样添加组件定义来避免这个问题 “''js editor.addComponents（{ 标签名称：“输入”， 属性：{ 类型：'text'，要求：true } }) ``` 但我会在下一个版本更新HTML解析器来正确处理这个问题
#28432020年6月19日作者 abozhinov3 个回答
你好， 在选定设备上移除style属性（clearProperties： true）时遇到问题。 你可以在 https://grapesjs.com/demo.html 上复现这个问题。 步骤：清洁所有东西。拖拽自定义代码。添加此示例代码。 '''html <div id=“test”> 测试内容 </div> <style> #test { 颜色：红色; } @media（最大宽度：767像素）{ #test { 颜色：绿色; } } @media（最大宽度：991像素）{ #test { 颜色：绿色; } } </style> ```切换设备到平板或移动端，并选择组件。在排版风格中，你可以看到COLOR属性是黄色，没有干净图标...
abozhinov
@artf你有什么办法可以解决吗？
artf
为了让StyleManager读取正确的样式规则，你的媒体查询应反映所选设备的宽度相同。你试过吗？
abozhinov
是的，我会。 deviceManager： { 设备： [ { 名称：“桌面版”， 宽度：“， 优先级：3 }, { 名称：“平板”， 宽度：'768px'， 宽度媒体：'991px'， 优先级：2 }, { 名称：“Mobile”， 宽度：“360px”， 高度：'640px'， widthMedia： '767px'， 优先级：1 }] },
#28422020年6月19日作者 BerkeAras3 个回答
你好。我遇到了一个问题，当我双击元素时，文本元素上的文字阴影会消失。我该怎么办？ 这是我的代码： https://pastebin.berkearas.de/?e1c4c8db9a70894f#DCUHVHZzyhFTnAk2RoJ9faQxQPvAqWMoiBqXHMEzRH5G
BerkeAras
编辑：文本阴影并没有消失。阴影颜色设置为阴影模糊，阴影模糊得0。
BerkeAras
![图片]（https://user-images.githubusercontent.com/36629890/85132497-3331c080-b239-11ea-97f4-c56a748ae3c1.png）
artf
我无法在主演示（https://grapesjs.com/demo.html）上复现，所以我还需要你机箱的现场演示
#28412020年6月19日作者 BerkeAras3 个回答
你好。我遇到了一个问题，可以编辑文本，但不能用键盘上的删除键。 这是我的代码： [https://pastebin.berkearas.de/?e1c4c8db9a70894f#DCUHVHZzyhFTnAk2RoJ9faQxQPvAqWMoiBqXHMEzRH5G]（https://pastebin.berkearas.de/?e1c4c8db9a70894f#DCUHVHZzyhFTnAk2RoJ9faQxQPvAqWMoiBqXHMEzRH5G）
artf
感谢你的反馈，我会推送一个带有修复问题的新版本
aakos
我也有同样的问题。 版本：0.15.8 测试：Chrome 83 追踪到是密钥主控屏蔽。运行这个程序可以删除编辑的文本退格： “编辑。Keymaps.keymaster.unbind（'backspace'））;' 可能是这个#2758
BerkeAras
@aakos 谢谢。“编辑。Keymaps.keymaster.unbind（'backspace'）;编辑。Keymaps.keymaster.unbind（'delete'）;'' 是有效的。 但这个问题应该有解决办法。