Modifier le fichier

Insertion de liens dans la toolbox

Style d'affichage des liens

Lors de l'insertion d'un lien dans la toolbox, il est possible de choisir l'apparence du lien. Une liste déroulante "Apparence du lien" présente en bas de la modal d'insertion, permet de choisir l'apparence à appliquer.

Un bean linkStyleManager est défini dans le fichier core-ckeditor.xml pour définir les styles de liens disponibles:

    <bean id="linkStyleManager" class="com.kosmos.content.link.view.LinkStyleManager">
        <property name="styles">
            <map>
                <entry key="style-default" value="Par défaut" />
                <entry key="style-bouton" value="Lien bouton" />
            </map>
        </property>
    </bean>

La clé de chaque entrée correspond à la classe CSS à appliquer au lien. La valeur correspond au libellé affiché dans la liste déroulante.

Ajouter un style de lien

Pour ajouter un style de lien, il suffit de déclarer une nouvelle entrée dans le bean linkStyleManager en définissant la classe CSS à appliquer et le libellé à afficher.

    <bean id="mapToAddlinkStyleManager" class="com.kportal.core.context.MapToAddBean">
        <property name="idExtensionToMerge" value="core"/>
        <property name="idBeanToMerge" value="linkStyleManager"/>
        <property name="mapToMerge" value="styles"/>
        <property name="add">
            <map>
                <entry key="style-bouton-2" value="Lien bouton coloré"/>
            </map>
        </property>
    </bean>

Il faut ensuite déclarer le css correspondant dans les fichiers du projet.

a[data-style="style-bouton-2"] {
    background-color: #f00;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}