将元素的CSS加载到属性面板的最佳方式。

Question

大家好， GrapeJS一旦深入其中，真的太有趣了。 我有一个简单的问题： 从新创建的元素加载CSS到属性面板的最佳方法是什么？ 例如，我有一个黑色背景的盒子： ![图片]（https://user-images.githubusercontent.com/13665117/31221731-a7b0d566-a992-11e7-808d-7c742a840646.png） 黑色背景来自元素中的风格 编辑器将样式标签转换为类，如图所示： ![图片]（https://user-images.githubusercontent.com/13665117/31221906-300f9712-a993-11e7-9b5f-58238572e885.png） 然而，属性面板没有背景集： ![图片]（https://user-images.githubusercontent.com/13665117/31221964-6875d508-a993-11e7-888e-0d89ed33c6ae.png） 现在我把颜色改成深橙色： ![图片]（https://user-images.githubuse...

daniel-farina · Accepted Answer

@artf我现在明白了 ![图片]（https://user-images.githubusercontent.com/13665117/31252875-a5b4c5de-a9f0-11e7-9f07-0937896fa0f1.png）

我完全没注意到每个选择器旁边的复选框。把forceClass设置为false解决了我所有的问题！我其实不太需要，因为我让源代码极度精简，尽可能少 div。非常感谢你！

丹

daniel-farina · Answer

我发现如果div没有类，只有样式，那么会创建一个单一类，背景应用到属性面板：

![图片]（https://user-images.githubusercontent.com/13665117/31222351-ccf0ee72-a994-11e7-93c3-ded04be091e9.png）

![图片]（https://user-images.githubusercontent.com/13665117/31222284-98b4d010-a994-11e7-96a7-07df42bb8ccc.png）

所以这暂时是部分解决方案，但我仍在寻找更好的替代方案。

artf · Answer

你好，@daniel-farina，你看不到'.c1019's的背景，因为你的组件有两个类，所以默认样式管理器会选择CSS规则，选择器是所有类的组合，比如你用的'.col-8.c1019'。如果你想看到“.c1019”的样式，可以直接取消选择“.col-8” ![Schermata 2017-10-05 Alle 13 11 54]（https://user-images.githubusercontent.com/11614725/31224578-ce1dc24a-a9ce-11e7-821a-36c1df0368c6.png） 如果你想，也可以避免自动生成职业 “''js Grapesjs.init（{ ... forceClass：false }) ```

将元素的CSS加载到属性面板的最佳方式。

问题

回答（3）

相关问答

将面板向左移动

文本：每次我按下回车键，都会创建新的div，而不是创建一个 </br>

默认情况下没有任何阻挡

在媒体查询下编写的重复CSS

与此问题匹配的付费插件

相关教程

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

浏览插件分类