如何将css结果从"编辑器窗口中分离出来#34;和#34;预览框"网站编辑?

时间:2014-11-18 16:01:39

标签: css web-applications editor cq5

我正在制作一个人们可以制作页面的webapp编辑器。 问题是,如果有人编辑页面的CSS(例如:输入样式),这个changies也会对编辑器的输入字段产生影响!这是正常的,也许是因为是相同的文件。

但我问的是:是否可以将css文件与结果文档区域和编辑区域“分开”?

谢谢

1 个答案:

答案 0 :(得分:1)

为什么要将两种样式保存在同一个文件中?如果您不得不重写自己的样式,那么用户所做的更改可能会丢失吗?

您可以将某个类应用于用户可以食用的元素,并以此方式拆分。例如:

<form class="edit"></form> --> this will be changed 
<form></form>

然后在你的css文件中:

 form.edit{
    color:green;
 }

虽然最好的办法是:拆分CSS!你以后会感谢我:))

编辑:我自己对CQ5没有任何经验,但似乎你可以拆分css。有关此内容的更多信息,请访问:http://docs.adobe.com/docs/en/cq/5-5/developing/components/clientlibs.html