• User

    FCK editor 2.6.4 Personalizzare StyleSheet e Stili

    Ciao a tutti uso da poco Joomla e FCK editor,
    e volevo personalizzare gli stylesheet e gli stili caricati dall'editor
    Per spiegarmi meglio ecco 2 immagini:

    img249.imageshack.us/i/stilifckjoomla.jpg/

    img88.imageshack.us/i/stylesheetfckjoomla.jpg/

    Così a prima vista, mi verrebbe da pensare che sia possibile caricare diversi file css, che andranno a visualizzarsi nel menu a tendina stylesheet

    e che selezionando uno di questi dal menu, si andranno a caricare gli stili nel menu a tendina stili.

    O almeno è quello che vorrei ehehe

    Nella configurazione in amministrazione ho trovato questi parametri, vedi immagine:

    img215.imageshack.us/i/parametrifckjoomla.jpg/

    da quel che ho capito io:

    • Use template css classes, se posto a SI, mi va a caricare il template.css del template che sto usando.

    • Use editor css classes, NON ho capito che fa.. (qualcuno lo sa?)

    • Use custom css classes, si può scegliere un CSS personalizzato da fargli utilizzare

    Aggiungo che.. di default lui come stylesheet ha solo "default".. che non ho idea da dove lo prenda... e come stili ha "red title, bold e title"....

    cercando tra i file ho trovato...
    in fcconfig.js

    FCKConfig.CustomStyles =
    {
    'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
    };

    e mi son chiesto... come mai c'è solo red title..

    cercando ancora ho trovato sempre in fcconfig.js

    FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;
    FCKConfig.StylesXmlPath = FCKConfig.EditorPath + 'fckstyles.xml' ;
    FCKConfig.TemplatesXmlPath = FCKConfig.EditorPath + 'fcktemplates.xml' ;

    e dentro a fck_editorarea.css

    in effetti c'è la definizione di bold e title.. che se commentati... bene o male spariscono dalla lista... ma in verità in quel file ci sono anche altri stili definiti che non vengono visualizzati...

    Ecco... io sono arrivato fin qui.

    Qualcuno saprebbe spiegarmi come funziona?
    Sia la definizione dei 3 parametri trovati in administration...
    Sia il modo per riuscire a caricare diversi css nel menu a tendina... e di conseguenza diversi stili nel menu a tendina seguente.

    Vi ringrazio in anticipo
    Ciao ciao


  • User

    Smanettandoci... ho scoperto un paio di cose nuove.

    qui:

    FCKConfig.CustomStyles =
    {
    'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } },
    'Red Title 2' : { Element : 'h1', Styles : { 'color' : 'Green' } },
    };

    è possibile aggiungere nuovi stili...
    e sull'editor usando questo stili il tag viene modificato in quello definito nello stile alla voce element.
    cioè se abbiamo <p>ciao</p> ..diventa <h3 class="Red Title">ciao</h3>

    visto che è più comodo aggiungere gli stili tramite xml e css (vedi sotto), rimane il problema che "Red Title" è definito in fcconfig.js, per toglierlo basta sostituire in questo modo: FCKConfig.CustomStyles = ();

    inoltre...

    aggiungendo stili al css del template o custom, questi vengono automaticamente aggiunti al file fckstyles_template.xml in questa forma:

    <Style name="Bold" element="h2">
    <Attribute name="class" value="Bold" />
    </Style>

    sul css... gli stili vanno aggiunti in questo modo

    h2.Bold { color:#ff0000; }

    e non semplicemente con

    .Bold { color:#ff0000; }

    se no come element prende di default "P"

    NB il file fckstyles_template.xml, viene sovrascritto nel caso si vada a impostare un file css custom.

    NB nonostante abbia messo use template css e use custom css... prevale il primo.. il custom non viene visualizzato.

    Speravo che impostando template e custom mi desse le due voci sul menu stylesheet.. ma niente.


  • Moderatore

    Ciao, si dovresti creare delle classi nel css di default del tuo template. Almeno per l'editor è così.