plone - Diazo - 替换 css 属性

Question

我正在尝试使用 Diazo 替换一些 CSS 样式 replace和 attributes规则，但到目前为止我还没有弄明白。

到目前为止，我已经成功使用 Diazo replace , copy , before , after , drop css:content 的规则, css:theme , css:content-children , 和 css:theme-children .

我当前的标记基于 Twitter Bootstrap 3.0，如下所示:

<div class="container">
    <div class="row">
        <div id="content" class="col-md--8 well">
            <p>Plone content here</p>
        </div>
    </div>
</div>

使用 drop规则我可以​​从我的 #content 中删除类(class):

<drop attributes="class" css:theme="#theme"/>

但我不知道如何添加 css 类 col-12英寸 col-12在我的主题中不存在任何地方。到目前为止，我已经尝试了以下规则:

<replace attributes="class col-12" css:theme="#theme"/>
<replace attributes="col-12" css:theme="#theme"/>

我有一个 copy 的例子规则 href链接是从 Plone 复制的 #portal-logo :

<copy attributes="href" css:content="#portal-logo" css:theme="#logo" />

感觉自己接近了，需要的只是一个类似的例子。我一直在查看 Basic syntax 的 Diazo 文档但还没有弄清楚这一点。

任何帮助将不胜感激，如果我在收到回复之前解决了这个问题，我将更新我的问题

谢谢。

Answer 1

通常我使用此规则将朝阳网格“映射”到 bootstrap(2) 中:

<replace content="//div[contains(@class,'cell')]/@class">
<xsl:attribute name="class">
<xsl:if test='contains(current(),"width-3:4")'>span9</xsl:if>
<xsl:if test='contains(current(),"width-2:3")'>span8</xsl:if>
<xsl:if test='contains(current(),"width-1:2")'>span6</xsl:if>
<xsl:if test='contains(current(),"width-1:3")'>span4</xsl:if>
<xsl:if test='contains(current(),"width-1:4")'>span3</xsl:if>
<xsl:if test='contains(current(),"width-full")'>span12</xsl:if>
</xsl:attribute>
</replace>

希望这对您有所帮助。

维托