+ Antworten
Ergebnis 1 bis 4 von 4

Thema: Eigene CSS-Stile im TinyMCE

  1. #1
    Kommt häufiger vorbei Avatar von radarin
    Registriert seit
    29.07.2005
    Ort
    St.Gallen
    Alter
    44
    Beiträge
    367
    Bedankte sich
    38
    Erhielt 9 Danksagungen
    in 5 Beiträgen

    Standard Eigene CSS-Stile im TinyMCE

    Guten Morgen zusammen.

    Im Editor kann ich CSS-Stile für den Text auswählen, 2 Vorgegebene. Ich möchte dieses Menu gerne duch eigene Stile erweitern. Wie muss ich da vorgehen..?

    Gruß René

  2. #2
    Neu an Board
    Registriert seit
    10.04.2009
    Beiträge
    41
    Bedankte sich
    8
    1 Danksagung in 1 Beitrag

    Standard

    2 möglichkeiten:
    du kannst in deinem template in den css-ordner eine editor.css legen, dann werden diese styles im editor angezeigt.
    oder du legst eine eigenes_css.css (z.b) in diesen ordner und verweist im tinymce-plugin unter bearbeiten angepasste css-klassen auf diese datei, in dem du den pfad dort eingibst.

    gruss von karlotta

  3. Erhielt Danksagungen von:


  4. #3
    Kommt häufiger vorbei Avatar von radarin
    Registriert seit
    29.07.2005
    Ort
    St.Gallen
    Alter
    44
    Beiträge
    367
    Bedankte sich
    38
    Erhielt 9 Danksagungen
    in 5 Beiträgen

    Standard

    Danke, mit der editor.css klappt es bestens. Natürlich nicht vergessen, in der index.php eine ebene höher auch auf das neue CSS zu verweisen.

  5. #4
    Kommt häufiger vorbei Avatar von radarin
    Registriert seit
    29.07.2005
    Ort
    St.Gallen
    Alter
    44
    Beiträge
    367
    Bedankte sich
    38
    Erhielt 9 Danksagungen
    in 5 Beiträgen

    Standard

    Ich habe in der 'editor.css' 4 Klassen drinn, die auch angezeigt werden (im Rollmenu). Nun habe ich eine Weitere hinzugefügt. Diese steht mir allerdings nicht zur Auswahl. Ich habe auch schon versucht die CSS erst auf dem Server zu löschen und dann erneut hochzuladen.

    Code:
    .titel{
      margin: 0;
      font-weight: bold;
      font-family: 'Times New Roman', Georgia, Verdana, Helvetica, Arial, sans-serif;
      font-size: 22px;
      color: #135cae;
      font-style:italic;
      padding-left: 0px;
      margin-bottom: 10px;
      text-align: left;
    }
    
    .subtitel{
      margin: 0;
      font-weight: normal;
      font-family: 'Times New Roman', Georgia, Verdana, Helvetica, Arial, sans-serif;
      font-size: 20px;
      color: #135cae;
      font-style:italic;
      padding-left: 0px;
      margin-bottom: 10px;
      text-align: left;
    }
    
    .subsubtitel {
    	padding: 0;
    	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 16px;
    	font-weight: normal;
    	vertical-align: bottom;
    	color: #135cae;
    	text-align: left;
    	width: 100%;
    }
    
    .quelle {
    	padding: 0;
    	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    	font-size: 9px;
    	font-weight: normal;
    	font-style:italic;
    	vertical-align: bottom;
    	color: #BEBEBE;
    	text-align: left;
    	width: 100%;
    }
    
    .codeblock {
    	
    	font-size: 10px;
    	color: #999;
    	font-weight: bold;
    
    }
    Die Klasse 'quelle' kann ich nicht verwenden.

    NACHTRAG:
    Jetzt nach gut 10 Stunden ohne weiteres Zutun wird die Klasse erkannt. Wahrscheinlich irgendwo ein Cache Problem...

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein