Ajouter des styles utilisables par Ckeditor 4.4.7.1 avec PluXml 5.5

Publié le - Modifié le 03 mars 2020 | Aucun commentaire

Classé dans : Astuce, Personnalisation, Intervention délicate, Rédaction en cours au besoin | Mots clés : PluXml, Ckeditor

→ plugins/ckeditor/ckeditor : vim styles.js, vim contents.css

→ plugins/ckeditor/ckeditor : vim styles.js, vim contents.css

    { name: 'PrnShell',        element: 'div', attributes: { 'class': 'prnsh' } },
    { name: 'PrnWeb',        element: 'div', attributes: { 'class': 'prnweb' } },

    { name: 'CmdShell',        element: 'span', attributes: { 'class': 'cmdsh' } },
    { name: 'Step',            element: 'span', attributes: { 'class': 'etape' } },

→ themes/swip/css : vim custom

.prnsh
{
        padding: 0 1rem;
        background: #000000;
        font-family:monospace;
        font-size:0.8rem;
        color: #77AA77;
        border: 1px solid #ccc;
        word-wrap: break-word;
}

.cmdsh
{
        color: #00FF00;
}

.prnweb
{
        padding: 0 1rem;
        background: #DDDDFF;
        font-size:0.8rem;
        color: #000033;
        border: 1px solid #ccc;
        border-radius: 3px;
}

.etape
{
    background: #DDFFFF;
}

Penser à vider le cache du navigateur, éventuellement à fermer/ouvrir les articles en édition, et ça marche smiley

Source :

Écrire un commentaire

Quelle est le sixième caractère du mot snbp4lyw ?

Fil RSS des commentaires de cet article