Jamboo's Webs and Blogs

Per consentire una corretta formattazione dei post utilizzando id e classi definiti dal sistema, dal tema utilizzato e/o da un proprio foglio di stile è necessario informare FCKEditor configurando il file fckstyles.xml di FCKEditor e definendo opportuni parametri nella pagina di amministrazione del modulo in drupal che saranno indicati nel prossimo articolo..

Per dare forma ai testi utilizzando varie combinazioni di colori, dimensione e peso. ho creato un foglio di stile (CSS) contenente una serie di [classi] e l'ho posizionato nella cartella /themes. Il file si chiama [formattafont.css].

Per informare drupal della presenza di tale foglio di stile è possibile agire in vari modi:

• inserire "manualmente" il link al nuovo foglio di stile nella head definita dal template del tema in uso
• importare mediante l'inserimento della riga @import "formattafont.css"; il nuovo foglio di stile nel CSS del tema in uso o in uno dei CSS di sistema che si trovano nella cartella /modules/system
• ecc.

La fase successiva è quella di informare FCKEditor della presenza delle [classi] definite da formattafont.css e di eventuali altre particolari configurazioni di stile che vogliamo utilizzare nella finestra di edit in aggiunta alle classi di default proprie di fckeditor.

Per fare ciò è necessario

• copiare il file /fckeditor/fckeditor/fckstyles.xml in una cartella a piacere (Es. /themes)
• editarlo ed aggiungere le informazioni relative alle nostre nuove classi in modo da consentire la loro visualizzazione nel menù a discesa degli stili presente nella finestra di edit di FCKEditor.
• Aggiungere per ogni classe, in prossimità delle altre già definite nel file originale, le seguenti righe sostituendo [nome_della_classe] con il nome della classe presente nel proprio foglio di stile e che sarà attribuita al tag SPAN automaticamente creato da FCKEditor).
  
      <Style name="nome_della_classe" element="span">
          <Attribute name="class" value="nome_della_classe" />
      </Style>

Altra personalizzazione riguarda la sostituzione di tag con altri, ad esempio per far si che venga utilizzato il tag <strong> anzichè <b> e <em> anzichè <i> verificare che le seguenti righe siano scommentate:

    <Style name="Italic" element="i">
        <Override element="em" />
    </Style>
    <Style name="Bold" element="b">
        <Override element="strong" />
    </Style>