Du er ikke logget ind: Log ind eller opret profil
 
Styles

Styles

Hvordan indsætter jeg mine egne styles i FCK-editoren?

Problemstilling: 

Hvis du har installeret WYSIWYG-editoren FCKeditor har du (afhængig af dine indstillinger) nogle drop-down bokse, hvorfra du kan vælge mellem forskellige formaterings- og typografikoder. Valgmulighederne i drop-down boksen ”typografi” er styles som er defineret i et XML-dokument, som du har mulighed for at redigere i. Problemet er imidlertigt, at der er tale om inline-styles, hvilket betyder, at den dag du ønsker at rette værdierne for en given style, giver det ikke gennemslag for alle de eksisterende sider – kun NYE sider, der benytter denne style.

Løsning: 

Løsningen er at man opretter et CSS-dokument med de ønskede styles (klassifikationer). I XML-dokumentet er angivet nogle inline-styles, som bliver påført nogle span-koder. Ved at fjerne disse inline-styles og i stedet angive navnet på din(e) klassifikation(er) løses problemet. Følg guiden herunder: 

  1. Opret et CSS-dokument med de ønskede styles. Gem det i roden af dit theme.
  2. Husk at tilføje dit CSS-dokument i din .info -fil (Drupal 6 +).
  3. Gå til Administer > Site Configuration > FCKeditor.
  4. Klik på Edit ud for Default-profilen.
  5. Under CSS finder du feltet Editor CSS. Fra drop-down boksen vælger du Define CSS.
  6. I feltet CSS path indtaster du stien til dit CSS-dokument. Eksempelvis sites/all/themes/dittheme/ditcss.css
  7. I feltet predefined styles vælger du use theme fckstyles.xml.
  8. Tag en kopi af filen sites/all/modules/fckeditor/fckeditor/fckstyles.xml og placér kopien i roden af dit theme.
  9. Åbn kopien og udskift denne kode:

    <Style name="Marker: Yellow" element="span">
        <Style name="background-color" value="Yellow" />
    </Style>

    med denne:

    <Style name="Min style" element="span">
        <Attribute name="class" value="min-klassifikation" />
    </Style>

    hvor min-klassifikation naturligvis udskiftes med navnet på den klassifikation du angav i CSS-dokumentet

 

Afprøvet i version: 
6.x

  • Det er gratis
  • Du kan skrive artikler og tips
  • Du kan få hjælp eller hjælpe andre 
  • - og meget mere …