MODX Deutschland - Forum - Zusätzliches CSS für TinyMCE? Thu, 23 May 2013 15:57:27 +0200 http://www.modxcms.de/forum/ Lussumo Vanilla 1.1.2 & Feed Publisher Zusätzliches CSS für TinyMCE? http://www.modxcms.de/forum/comments.php?DiscussionID=5861&Focus=32859#Comment_32859 http://www.modxcms.de/forum/comments.php?DiscussionID=5861&Focus=32859#Comment_32859 Sat, 21 Apr 2012 23:30:36 +0200 Thu, 23 May 2013 15:57:27 +0200 phixer
Ich bin neu hier, ich glaube das ist sogar das erste Forum überhaupt, in dem ich mich melde.

Ich habe erst ein paar Tage MODx Erfahrung und versuche meine Seite (www.heilpraxis-hill.ch) in Zukunft mit MODx zu betreiben, will sagen ich arbeite momentan nur in einer lokalen Umgebung (WAMP).
Ich habe erfolgreich mein css file eingebunden, das wird auf der Seite und "eigentlich" auch in TinyMCE richtig angezeigt. Weil aber ein Teil meiner "div" schon im Base Template ist, ist die Ansicht im TinyMCD falsch, konkret, das hier ist das Template:

<html>
<head>
<title>[[++site_name]] - [[*pagetitle]]</title>
<base href="[[++site_url]]" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link href="assets/Format.css" rel="stylesheet" type="text/css">
<script type="text/javascript"src="assets/flaschen.js"></script>
</head>
<body>
<div id="Seite">
<div style="text-align:center; margin-top: 20px">
<img src="assets/Bilder/Logostern2.GIF" alt="Logo" style="width: 80px; height: 80px;">  
<img src="assets/Bilder/Schriftzug.gif" alt="Schriftzug" width="420">
</div>

<div style="text-align:center;margin-top: 20px">
[[*Flaschen]]
</div>
<div id="Inhalt">
[[*content]]
[[$Footer]]
</div>
</div>
</body>
</html>


Mit der Klasse "seite" wird zentriert und mit "inhalt" wieder links ausgerichtet.
[[*Flaschen]] ist das Hauptmenü (nur zur Information).

div#Inhalt {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin-top: 20px;
position: relative;
height:400px; /*für den IE */
height:auto !important; /* für moderne Browser */
min-height:400px;
}

div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 720px;
padding: 0;
}

Jaja, ich weiss... vielen Dank an Herrn Münz für die CSS Anleitung...

Logischerweise wir nun aber in TinyMCE nicht richtig angezeigt, weil diese zwei CSS Klassen (für TinyMCE) fehlen. Genau das wäre aber wichtig für meinen Kunden.

Ich könnte natürlich die beiden div's auf jeder Seite einbauen, aber das würde ja den Sinn und Zweck des Base Templates ruinieren und meinen Kunden verwirren ...

Nun endlich zur meiner Frage:
Kann ich irgendwo eine separate CSS Vorgabe für TinyMCE machen, um die obenstehenden Umstände zu kompensieren?
Ich meine... klar könnte ich TinyMCE ein CSS File vorgeben und auf der Seite ein anderes CSS verwenden. Dann kommt aber mein Kunde wieder angemotzt weil seine Änderungen nur in TinyMCE sichtbar werden aber nicht auf der Seite. Und ich müsste zwei CSS Files pflegen...

Habe ich mich verständlich ausgedrückt?
Ich meine... vielleicht habe ich auch irgendwas total nicht kapiert...:sad:

Jedenfalls vielen Dank jetzt schon für alle Antworten!

Grüessli Fips ]]> Zusätzliches CSS für TinyMCE? http://www.modxcms.de/forum/comments.php?DiscussionID=5861&Focus=32861#Comment_32861 http://www.modxcms.de/forum/comments.php?DiscussionID=5861&Focus=32861#Comment_32861 Sun, 22 Apr 2012 08:44:50 +0200 Sun, 22 Apr 2012 08:47:31 +0200 Manfred62 http://www.tinymce.com/wiki.php/Configuration:content_css
tinymce-custom-css-classes-in-revo-2-2 ]]> Zusätzliches CSS für TinyMCE? http://www.modxcms.de/forum/comments.php?DiscussionID=5861&Focus=32871#Comment_32871 http://www.modxcms.de/forum/comments.php?DiscussionID=5861&Focus=32871#Comment_32871 Sun, 22 Apr 2012 21:21:54 +0200 Thu, 23 May 2013 15:57:27 +0200 phixer
Vielen Dank für den "Schubser", auf der tinymce Seite war ich sogar schon, habe das aber irgendwie überlesen...

Klappt jetzt wunderbar, Danke nochmals!

Grüessli Fips ]]>