Warum kein WYSIWYG im Editor?

**maxi62** · 21.12.2009, 21:31

Hallo,
im habe das Template Webconsult und wollte nun mal einen Artikel eingeben. Dabei ist mir aufgefallen das der Typolight Editor kein richtiges WYSIWYG kann. Sehr störend ist das Aufzählungen nicht im Editor erkennbar sind. Ich möchte für Aufzählungen kein extra Inhaltselement nehmen.
Warum werden Aufzählungen im Editor nicht entsprechend formatiert? Normalerweise kann das der verbendete Editor doch, warum nicht in Typolight?

**FloB** · 21.12.2009, 22:16

Hast du zufällig ein basic.css im Stylesheet-Editor angelegt, das etwas wie Folgendes enthält:

Code:

* { margin:0; padding:0; }

Wenn TinyMCE in diversen Feldern verwedet wird, ist das ein WYSIWYG-Editor. Wie der Inhalt darin aussieht, bestimmt neben den internen Stylesheets ebenfalls ein eigenes basic.css – sprich Änderungen da drin werden auch im Editor angezeigt. In Feldern, wo TinyMCE nicht verwendet wird, kannst du diesen anschalten (näheres siehe Doku).

**maxi62** · 21.12.2009, 22:26

Meine Basis.css sieht wie unten aus. Was müsste man denn da ändern das man die Aufzählungen im Editor mit Aufzählungspunkt davor sieht?

Code:

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
	margin:0;
	padding:0;
	vertical-align:baseline;
	border:0;
	font-size:100%;
	outline:0;
	background:transparent;
}
body
{
	font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:75%;
	color:#333333;
	line-height:1.5;
}
input,
textarea,
select
{
	margin:0;
	padding:0;
	font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:1.1em;
	color:#333333;
}
pre,
code
{
	font-family:"Andale Mono", monospace;
	font-size:1.1em;
	white-space:pre;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
}
h1
{
	margin-bottom:0.25em;
	font-size:2.1em;
}
h2
{
	margin-bottom:0.4em;
	font-size:1.75em;
}
h3
{
	margin-bottom:0.65em;
	font-size:1.5em;
}
a
{
	color:#133b9a;
}
a:hover
{
	color:#1f4ecc;
}
ol,
ul
{
	list-style-type:disc;
}
blockquote,
q
{
	quotes:none;
}
table
{
	border-collapse:collapse;
	border-spacing:0;
}
caption,
th,
td
{
	text-align:left;
}
ins
{
	text-decoration:none;
}
del
{
	text-decoration:line-through;
}
*:focus
{
	outline:0;
}
/* Fix background image bug in IE5 */
* html ul,
* html ol
{
	position:relative;
}
/* Fix ordered list in IE6 */
* html ol
{
	margin-left:2em;
}
/* Fix ordered list in IE7 */
*:first-child+html ol
{
	margin-left:2em;
}
/* Fix legend margin in IE6 */
* html legend
{
	margin-bottom:1.4em;
}
/* Fix legend margin in IE7 */
*:first-child+html legend
{
	margin-bottom:1.4em;
}

**MacKP** · 21.12.2009, 22:34

Hallo maxi62,
das kannst du ganz schnell und unkompliziert mit der Suchfunktion lösen ;-)

Hier mal ein Link zu einer Lösung -> https://community.contao.org/de/show...tinymce+listen

Viele Grüße

**maxi62** · 21.12.2009, 22:43

Zitat von MacKP

Hallo maxi62,
das kannst du ganz schnell und unkompliziert mit der Suchfunktion lösen ;-)

Hier mal ein Link zu einer Lösung -> https://community.contao.org/de/show...tinymce+listen

Viele Grüße

Ich hab einiges aus dem Threas ausprobiert, aber geholfen hat nix!

**MacKP** · 21.12.2009, 22:52

Dann gib mal dem ul im Tiny -> padding-left: 40px;

Dann sollte es funktionieren.

Wenn du schon einiges ausprobiert hast hilft es uns wenn wir wissen was du schon probiert hast, damit wir genau wissen wo du gerade stehst...

Viele Grüße

**Andreas** · 21.12.2009, 23:18

Schau dir mal so ne einfache dreifach eingerückte unformatierte Liste mit firebug an, und aktiviere 'Berechneten Style anzeigen'.

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test</title>
  </head>
  <body>
    <ul>
      <li>1
        <ul>
          <li>1.1
            <ul>
              <li>1.1.1</li>
              <li>1.1.2</li>
              <li>1.1.3</li>
            </ul>
          </li>
          <li>1.2</li>
          <li>1.3</li>
        </ul>
      </li>
      <li>2</li>
      <li>3</li>
    </ul>
  </body>
</html>

Da siehst du, wie ne Liste aussieht, wenn sie nicht formatiert ist. Die wichtigsten Punkte sind, dass die UL Level 1 ein margin-bottom hat und die anderen nicht. Alle ULs haben ein padding-left. Alle ULs und LIs haben den list-style-type disc/circle/square je nach Level. Sämtlicher CSS-Code, welcher auf TinyMCE Einfluss hat kann das natürlich überschreiben. Verhindere das, indem du entweder die CSS-Dateien für TinyMCE sperrst, oder die Werte für TinyMCE wieder überschreibst. Der Inhaltsbereich von TinyMCE steht in einem iframe und ist eine komplett neue HTML-Seite mit den Attributen class="mceContentBody" und id="tinymce" im BODY-Element.

Wie du TinyMCE mitteilst, welche CSS-Dateien er benutzen soll kannst du hier in meinem Tutorial sehen (ziemlich weit unten).
https://community.contao.org/de/showthread.php?t=2941

Andreas

**maxi62** · 21.12.2009, 23:20

Also ich finde es schon nervig das man sich in Typolight mit sowas rumärgern muss. Typolight rühmt sich doch immer damit einfach in der Bedienung zu sein! Wenn ich doch nur das Template und die Installation aus dem Typolight Buch nutze, dann sollte man erwarten das man im Editor die Aufzählungen auch vernünftig sieht! Das ist einfach ärgerlich, ich bin kein CSS Experte, daher hab ich ja das fertige Template genommen! Und nu muss man doch noch rumprobieren!

**Andreas** · 21.12.2009, 23:33

Hatte ich eben noch vergessen: es gibt kein "richtiges WYSIWYG".

TL ist auch extrem leicht in der Benutzung. Da hast du jetzt vielleicht mal einen Punkt gefunden, welcher nicht ganz so gelungen ist, welcher aber evtl. durch einen netten Feature-Request geändert werden kann. Es ist halt nichts perfekt.

Du darfst hier auch nicht vergessen, dass TL zwar ein wirklich sehr gut ausgestatteter "Werkzeugkasten" ist, dass es aber natürlich auch an den Kenntnissen des Benutzers liegt damit umzugehen. Ich glaub es gibt Leute, die studieren oder lernen zumindestens den Beruf des 'Webmasters', und manch einer erwartet hier, dass er mit TL Homepages erstellen kann, ohne Kenntnisse von HTML, CSS u.u.u. zu haben. Dem ist leider nicht so. Wenn ich dir als, nehmen wir an Sozialarbeiter, ein Schweißgerät in die Hand drücke, dann mag das Gerät top sein, aber das nützt dir nicht unbedingt etwas.

Nicht aufgeben und trotzdem weiterhin viel Spaß mit TL, der wird schon kommen.

Andreas

**maxi62** · 21.12.2009, 23:50

Nu ja, bei einem CMS schreiben aber auch Leute Beiträge die unter Umständen mit CSS und HTML nicht so bewandert sind. Und vernünftige Darstellung im Editor scheint mir da schon ein wichtige Grundeigenschaft. Mich schreckt das gefummel jetzt erstmal ab!

Obwohl meine CSS Kentnisse bescheiden sind, habe ich in anderen Shops die den gleichen Editor nutzen keine Probleme mit der Gestaltung! Auch in Dreamweaver komme ich mit CSS recht gut klar. Für mich ist Typolight bisher wesentlich umständlicher in der Handhabung.

Versteht das mal als konstruktive Kritik! Das CMS hat schon ganz schöne Eigenschaften, aber was nützen mir all die schönen Dinge wenn nicht auch die simplen Sachen in vernünftigem Zeitraum annähernd so leicht wie in anderen Programmen erledigt werden können.

Wo kann ich denn Feature Request posten? Es müsste schon eine Option geben wo der TinyEditor die CSS ignoriert und nach normalen HTML Vorgaben formatiert, das würde schon reichen. Als Option müsste man dann auch eine beliebige CSS auswählen können! So ist es jedenfalls Mist!

**MacKP** · 22.12.2009, 00:03

Hallo maxi62,
wenn man ein reset-CSS benutzt, sollte man schon wissen was man macht ;-)

Du hast immer noch nicht gesagt was genau du schon getestet hast.. da kann ich nur wieder auf meinen Link verweisen...

Ohne Infos kann man da nicht viele Tipps geben.

Und klar hast du recht, das später Leute damit Arbeiten sollen, die sich nicht auskennen... genau deswegen sollten es Leute einrichten die sich ein bischen auskennen. Alles kann man nun mal leider (oder auch nicht leider) nicht automatisch abfangen.

Viele Grüße

**Andreas** · 22.12.2009, 00:12

Alles was du zur Einstellung der CSS-Dateien für den TinyMCE brauchst findest du in meinem Tutorial. Dort steht z.B. wie du die basic.css aus dem Root für tmce deaktivierst und auch andere aktivieren kannst.

Für Kritik ist hier nicht der geignete Ort, kannst das zwar hinschreiben, erzielt aber wenig Efekt. Für Feature-Requests musst du nach https://contao.org und dich registrieren, damit du Feature-Requests und auch Bugs melden kannst.

Es kommt immer darauf an, in welchem Umfeld sich der TinyMCE befindet, und da die Inhalte später auf der Homepage eine andere Umgebung finden (z.B. innerhalb gefloateter DIVs, mit Selektoren, welche du im BE nicht hast) ist es recht knifflig ein gleiches Aussehen im BE und FE hinzubekommen.

Dass du die Aufgaben, für welche TL vorgesehen ist, mit einem anderen Tool schneller umsetzt, wage ich zu bezweifeln. Immer her mit den anderen tollen besseren Tools. Probleme umzusteigen habe ich keine. Bedenke aber z.B. auch, dass z.B. Excel ein prima Programm ist, mit welchem man sogar Briefe schreiben kann, aber trotzdem können andere Programme besser Briefe schreiben als Excel. So gibt es auch in TL den Kern, der sehr gut das macht was er soll - CMS Inhalts-Verwaltungs-System - aber auch einige Zusätze, wie z.B. das Modul Stylesheets, welches zwar mit angeboten wird und für den ein oder anderen auch gut ist, aber wo der erfahrene Entwickler doch ganz andere effizientere Sachen kennt.

Andreas

**maxi62** · 22.12.2009, 00:12

Hallo maxi62,
wenn man ein reset-CSS benutzt, sollte man schon wissen was man macht ;-)

Wie gesagt das ist ein fertiges Template das dem Buch beilag! Daher war ich auch davon ausgegangen das ich Editor nutzen kann!

Du hast immer noch nicht gesagt was genau du schon getestet hast.. da kann ich nur wieder auf meinen Link verweisen...

Ich hab mein Basis.css nun so abgeändert:

Code:

html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
captio
{
	margin:0;
	padding:0;
	vertical-align:baseline;
	border:0;
	font-size:100%;
	outline:0;
	background:transparent;
}
body
{
	font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:75%;
	color:#333333;
	line-height:1.5;
}
input,
textarea,
select
{
	margin:0;
	padding:0;
	font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:1.1em;
	color:#333333;
}
pre,
code
{
	font-family:"Andale Mono", monospace;
	font-size:1.1em;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
}
h1
{
	margin-bottom:0.25em;
	font-size:2.1em;
}
h2
{
	margin-bottom:0.4em;
	font-size:1.75em;
}
h3
{
	margin-bottom:0.65em;
	font-size:1.5em;
}
a
{
	color:#133b9a;
}
a:hover
{
	color:#1f4ecc;
}
blockquote,
q
{
	quotes:none;
}
table
{
	border-collapse:collapse;
	border-spacing:0;
}
caption,
th,
td
{
	text-align:left;
}
ins
{
	text-decoration:none;
}
del
{
	text-decoration:line-through;
}
*:focus
{
	outline:0;
}
/* Fix background image bug in IE5 */
* html ul,
* html ol
{
	position:relative;
}
/* Fix ordered list in IE6 */
* html ol
{
	margin-left:2em;
}
/* Fix ordered list in IE7 */
*:first-child+html ol
{
	margin-left:2em;
}
/* Fix legend margin in IE6 */
* html legend
{
	margin-bottom:1.4em;
}
/* Fix legend margin in IE7 */
*:first-child+html legend
{
	margin-bottom:1.4em;
}

Also ich hab alle ul,li ganz rausgenommen!
Jetzt sehe ich Einrückungen und Punkt im Editor, das stimmt soweit! Nur kommt in einigen Zeilen noch vor dem Punkt ein ">". Das ist abe rin der Basis.css garnicht definiert, offenbar nutzt der Editor noch eine andere CSS aus dem Template. Das ist doch echt Mist!

**MacKP** · 22.12.2009, 01:03

Hallo,
du brauchst das dort nicht ganz rausnehmen..
du musst nur später die Listen wieder Formatieren -> https://community.contao.org/de/show...hlight=tinymce

Ansonsten kann ich dich nur bitten mit Ausrufezeichen etwas sparsamer zu sein...
Wie man in den Wald.. usw.

Wir helfen wie gesagt gerne hier. Als Gegenleistung wäre wenigstens ein netterer Ton angebracht.

Viele Grüße

**maxi62** · 22.12.2009, 09:00

Zitat von MacKP

Hallo,
du brauchst das dort nicht ganz rausnehmen..
du musst nur später die Listen wieder Formatieren -> https://community.contao.org/de/show...hlight=tinymce

Ansonsten kann ich dich nur bitten mit Ausrufezeichen etwas sparsamer zu sein...
Wie man in den Wald.. usw.

Wir helfen wie gesagt gerne hier. Als Gegenleistung wäre wenigstens ein netterer Ton angebracht.

Viele Grüße

Hi,
ja hast sicher Recht, sorry ich war gestern etwas genervt von TypoLight.
Aber erklär mir nochmal wo jetzt das ">" vor dem Punkt in der Liste herkommt. Das isrt als Grafik in einem anderem CSS definiert. Ich dachte es wird nur basis.css im Tiny verwendet? Wenn aber doch alle CSS verwendet werden, warum erscheint es dann nicht gleich richtig? Irgendwie ist das sehr verwirrend.

**MacKP** · 22.12.2009, 09:05

Ja, schon ok. Jeder hier kommt mal an einen Punkt wo man einfach ausflippen könnte.

Das mit dem > ist echt mal ne gute Frage. Ich hab das Template was bei dem Buch ist noch nie benutzt... und ich hab dieses Problem auch noch nie gesehen oder davon gehört.
Es könnte sein das deine Basic.css eine andere Datei mit @import dazu holt und das deswegen angezeigt wird.

Ganz genau kannst du das mit Firebug für Firefox untersuchen.
Eventuell bringt dich das Addon da weiter.

Viele Grüße

**maxi62** · 22.12.2009, 09:13

Zitat von MacKP

Es könnte sein das deine Basic.css eine andere Datei mit @import dazu holt und das deswegen angezeigt wird.

Nö, kann eigentlich nicht sein.
Wenn ich sie im backend anzeige, steht nur das was ich schon zuletzt gepostet habe.
In der Datei basic.css dagegen steht folgendes:

Code:

/* Style sheet basic */
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,dl,dt,dd,fieldset,form,label,legend,table,captio{margin:0;padding:0;vertical-align:baseline;border:0;font-size:100%;outline:0;background:transparent;}
body{font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;font-size:75%;color:#333333;line-height:1.5;}
input,textarea,select{margin:0;padding:0;font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;font-size:1.1em;color:#333333;}
pre,code{font-family:"Andale Mono", monospace;font-size:1.1em;}
h1,h2,h3,h4,h5,h6{font-family:Helvetica, Arial, sans-serif;font-weight:normal;}
h1{margin-bottom:0.25em;font-size:2.1em;}
h2{margin-bottom:0.4em;font-size:1.75em;}
h3{margin-bottom:0.65em;font-size:1.5em;}
a{color:#133b9a;}
a:hover{color:#1f4ecc;}
blockquote,q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
*:focus{outline:0;}
* html ul,* html ol{position:relative;}
* html ol{margin-left:2em;}
*:first-child+html ol{margin-left:2em;}
* html legend{margin-bottom:1.4em;}
*:first-child+html legend{margin-bottom:1.4em;}

Dann gibts nur noch die Webconsult CSS-Dateien.

Ganz genau kannst du das mit Firebug für Firefox untersuchen.
Eventuell bringt dich das Addon da weiter.

Na ja, da wollte ich mir hat gerne ersparen als CSS Unwissender

**MacKP** · 22.12.2009, 09:18

Zitat von maxi62

Nö, kann eigentlich nicht sein. habe sie noch mal geladen, es steht jetzt nur folgendes drin:

Code:

/* Style sheet basic */
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,dl,dt,dd,fieldset,form,label,legend,table,captio{margin:0;padding:0;vertical-align:baseline;border:0;font-size:100%;outline:0;background:transparent;}
body{font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;font-size:75%;color:#333333;line-height:1.5;}
input,textarea,select{margin:0;padding:0;font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;font-size:1.1em;color:#333333;}
pre,code{font-family:"Andale Mono", monospace;font-size:1.1em;}
h1,h2,h3,h4,h5,h6{font-family:Helvetica, Arial, sans-serif;font-weight:normal;}
h1{margin-bottom:0.25em;font-size:2.1em;}
h2{margin-bottom:0.4em;font-size:1.75em;}
h3{margin-bottom:0.65em;font-size:1.5em;}
a{color:#133b9a;}
a:hover{color:#1f4ecc;}
blockquote,q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
*:focus{outline:0;}
* html ul,* html ol{position:relative;}
* html ol{margin-left:2em;}
*:first-child+html ol{margin-left:2em;}
* html legend{margin-bottom:1.4em;}
*:first-child+html legend{margin-bottom:1.4em;}

Dann gibts nur noch die Webconsult CSS-Dateien.

Na ja, da wollte ich mir hat gerne ersparen als CSS Unwissender

So kann ich da auch nichts erkennen...
Aber hab keine Angst vor Firebug. Das Teil ist wirklich gut. Du brauchst dich da nur dur den Code klicken und dir wird das dann gut angezeigt was genau passiert. Gerade als Anfänger habe ich das oft gebraucht um zu sehen was da passiert oder eben auch nicht passiert.

Viele Grüße

**maxi62** · 22.12.2009, 09:44

Ich hab mich eben etwas vertan bei der Beschreibung! Also im Editor klappt das jetzt mit der Liste. Die ">" kommen erst nachher im Frontend bei der Veröffentlichung.
Aber wie kann ich nu erreichen das das WebConsult Fronend so bleibt wie es ist bzw. gedacht war, aber ich trotzdem im Editor auch Listen sehe?

**Sebastian** · 22.12.2009, 09:47

HI

in der basic.css:

Code:

ul {
 padding-left: 40px;
}
#wrapper ul {
 padding: 0;
}

Sebastian

**maxi62** · 22.12.2009, 09:50

Zitat von Sebastian

HI

in der basic.css:

Code:

ul {
 padding-left: 40px;
}
#wrapper ul {
 padding: 0;
}

Sebastian

Habe ich gerade ausprobiert, hilft leider nicht! Der Punkt ist dann imme rnoch da, er müsste eigentlich im Frontend verschwinden, da dort wohl immer statt Punkt die ">" Grafik kommen soll!

**Liebei** · 22.12.2009, 10:02

Irgendwie kann ich die ganze Aufregung überhaupt nicht verstehen.

Ich denke, dass fast jeder von uns das Webconsulting Template vom Buch hat. Bei mir taucht kein > auf und außerdem sollte man schon Wissen, was man mit CSS verändert und wenn mal was in die Hose gegangen ist, dann würd ich halt die Änderung wieder zurücknehmen.

Der Tiny zeigt standardmäßig nämlich die Aufzählungen an und vor alllem läßt sich bei TL fast alles schneller erledigen als bei DW und Co..

Hast eine Online Version, dass man mal schauen kann, sonst ist es wie Rätselraten, wir können nicht hellsehen und deine Änderungen wissen.

**maxi62** · 22.12.2009, 10:03

SO, ich hab nun mal im Webconsult das Style geändert. Ich hab dort angegeben das kein Punkt in Liste verwendet werden soll, dann funktioniert es! Aber das hätten die Template Macher eigentlich selbst schon alles bedenken müssen, dann würden sie den Anwendern den Ärger ersparen.

**Liebei** · 22.12.2009, 10:09

Zitat von maxi62

Aber das hätten die Template Macher eigentlich selbst schon alles bedenken müssen, dann würden sie den Anwendern den Ärger ersparen.

Sag mal, gehts noch, mußt Du dauernd sticheln und dich im Ton vergreifen. Das Template wurde von Leo erstellt und der hat sich bestimmt was dabei gedacht, wie er das Aussehen haben will. Wenn es dir nicht gefällt oder passt kannst ja dein eigenes erstellen, außerdem funktioniert es einwandfrei.

Weinen Ton wirst hier im Forum gewaltig ändern müssen, wenn Du möchtest, dass man dir weiter hilft

**maxi62** · 22.12.2009, 10:17

Zitat von Liebei

Sag mal, gehts noch, mußt Du dauernd sticheln und dich im Ton vergreifen. Das Template wurde von Leo erstellt und der hat sich bestimmt was dabei gedacht, wie er das Aussehen haben will. Wenn es dir nicht gefällt oder passt kannst ja dein eigenes erstellen, außerdem funktioniert es einwandfrei.

Mein lieber Liebei, du scheinst das Template nicht wirklich zu nutzen oder du hast das Problem nicht verstanden!
Auch wenn du garnix änderst, siehst du im Editor keine Listen, gib doch mal eine Liste ein - du wirst keine Aufzählungspunkte im Editor erkennen. Das ist einfach so!
Nachher im Frontend stimmts natürlich, da wird eine Hintergrundgrafik im Webconsult CSS definiert. Aber man will ja auch bei EIngabe der Artikel Auflistungen sinnvoll sehen sonst macht man bei der EIngabe Fehler. Also da ist im Template schon der Wurm drin. Und das muss man auch sagen dürfen.

**maxi62** · 22.12.2009, 10:22

Hi
Mit dem erhältlichen WebConsult Template habe ich erhebliche Probleme. Man erkennt im Editor keine Listen/Aufzählungen wenn man Artikel schreibt. Könnt ihr mal ein Bugfix mitteilen wie man erreicht das man auch im Editor Listen deutlich erkennt? So das man halt gleich loslegen kann und Artikel schreiben kann, so geht das echt übel.

Siehe hier der Thread:
https://community.contao.org/de/show...2178#post32178

**Sebastian** · 22.12.2009, 10:25

HI

noch ein neuer Thread zu einem nichtexistenten Problem ist sinnlos. Das Template ist so in Ordnung und soll so sein, wenn du es anders willst, musst du es ändern.

Sebastian

**maxi62** · 22.12.2009, 10:28

Zitat von Sebastian

HI

noch ein neuer Thread zu einem nichtexistenten Problem ist sinnlos. Das Template ist so in Ordnung und soll so sein, wenn du es anders willst, musst du es ändern.

Sebastian

Behaupte bitte nicht Dinge die nicht stimmen. Oben geschildertes Problem ist definitiv vorhanden. Und da ich mich an den Support wenden möchte, soll ich hier posten wurde mir gesagt.

**Liebei** · 22.12.2009, 11:17

Zitat von maxi62

Mein lieber Liebei, du scheinst das Template nicht wirklich zu nutzen oder du hast das Problem nicht verstanden! ....... Also da ist im Template schon der Wurm drin. Und das muss man auch sagen dürfen.

Also, ich nutze das Template natürlich nicht, da ich lieber eigene Layouts erstelle als andere zu ändern und ich habe dein Problem sehr wohl verstanden.

Wenn Du dir das ganze genau angeschaut hättest, dann wäre dir aufgefallen, dass im Template die Auflistung im Artikel nicht im Elementtyp Text eingegeben wird, deshalb wurde die Anzeige auch so verändert, dass es nicht formatiert angezeigt wird, sondern über den Elementtyp Aufzählung, was ja durchaus Sinn ergeben kann, da es für den ein oder anderen Benutzer vielelicht einfacher ist! Außerdem macht ein Blick in die CSS sofort klar, dass das > las Hintergrundgrafik eingefügt wurde (arrow.gif).

Um jetzt das ganze zum Abschluß zu bringen, entweder wie vom Ersteller das Template nutzen oder folgende Änderungen machen

Das ganze ist mit 5 Min. nachschauen behoben

1. Backend (basic.css):
Zeile 4: "ul, li," löschen
Zeile 73: "ul" löschen

2. Frontend (webconsulting.css):
Zeile 224: list-style-type:none; hinzufügen

Dann sollte es so funktionieren wie du möchtest und nochmal und wie oben schon geschrieben, der Ton macht die Musik, wenn Du weiterhin Hilfe erhalten willst.

Zitat von maxi62

Obwohl meine CSS Kentnisse bescheiden sind, habe ich in anderen Shops die den gleichen Editor nutzen keine Probleme mit der Gestaltung! Auch in Dreamweaver komme ich mit CSS recht gut klar. Für mich ist Typolight bisher wesentlich umständlicher in der Handhabung.

Außerdem empfehle ich dir folgenden Link, denn ein CMS ist keine Eierlegenede Wollmilchsau, Du mußt CSS undHTML schon können.

CSS4YOU

**ATLAS** · 22.12.2009, 11:21

Das ist in der Tat ein sehe sehr eigenartige Sache. Die meisten meiner Seiten habe ich mit der MusicAcademy als Basis gestaltet. Dort gibt es das Problem nicht.
Erst durch diesen Beitrag habe ich meine einzige Seite, die mit Webconsult aufgesetzt ist, mal kontrolliert. Auch bei mir werden Listenpunkte nicht angezeigt. Weder im Frontend noch Backend.
Das ist natürlich großer Käse.Damit kann man es ohne Eingriffe nicht verwenden. Zumindest, was den Editor betrifft.

**maxi62** · 22.12.2009, 11:31

Zitat von Liebei

Wenn Du dir das ganze genau angeschaut hättest, dann wäre dir aufgefallen, dass im Template die Auflistung im Artikel nicht im Elementtyp Text eingegeben wird, deshalb wurde die Anzeige auch so verändert, dass es nicht formatiert angezeigt wird, sondern über den Elementtyp Aufzählung, was ja durchaus Sinn ergeben kann, da es für den ein oder anderen Benutzer vielelicht einfacher ist!

Wenn du aufmerksam mein erstes Posting gelesen hättest, dann hättest du gesehen das ich absichtlich den Inhaltstyp für Aufzählungen nicht genutzt habe. Wenn ein Text viele Aufzählungen enthält, wäre es mühseelig und unschön wenn man den in zahlreiche Inhaltstypen zersplittet. Und zudem ist bei typolight ja auch im Editor vorgesehen das man Aufzählungen im Text eingeben kann, also sollte ein käuflich erhältliches Template dieses auch berücksichtigen, meinst du nicht?

Um jetzt das ganze zum Abschluß zu bringen, entweder wie vom Ersteller das Template nutzen oder folgende Änderungen machen

Das ganze ist mit 5 Min. nachschauen behoben

1. Backend (basic.css):
Zeile 4: "ul, li," löschen
Zeile 73: "ul" löschen

2. Frontend (webconsulting.css):
Zeile 224: list-style-type:none; hinzufügen

Nun der Ersteller des Threads war ich und diese Lösung habe ich ja gepostet, danke das du sie mir zurück gibst

Leider funktioniert sie auch nicht perfekt, denn irgendwie verrutscht dadurch die obere Menüzeile. Wenn mein Tipp funktionieren würde, hätte ich nicht weiter nach einer optimalen Lösung gefragt.

Dann sollte es so funktionieren wie du möchtest und nochmal und wie oben schon geschrieben, der Ton macht die Musik, wenn Du weiterhin Hilfe erhalten willst.

Nun das tut es leider nicht, daher hoffe ich mal das Leo, der wohl das Template erstellt hat eine gute Lösung findet. ist ja im Intresse aller Einsteiger!
Wie gesagt, das ist nur konstruktive kritik, du darfst den Ton nicht falsch interpretieren.

Außerdem empfehle ich dir folgenden Link, denn ein CMS ist keine Eierlegenede Wollmilchsau, Du mußt CSS undHTML schon können.

Das sehe ich anders. Benutzer die Beiträge verfassen müssen nicht unbedingt HTML und CSS Fähigkeiten haben. Wenn man CMS mit fertigen Template erwirbt, sollte man zumindest beiträge mit den grundlegenden HTML-Eigenschaften (Listen etc.) erstellen können. Das geht in anderen CMS ja auch perfekt.
Ich will ja wirklich nix besonderes, nur halt das ich Texte einigermaßen üblich und übersichtlich eingeben kann, das ist sicher nicht zuviel verlangt.

**Liebei** · 22.12.2009, 11:42

Sorry,

aber entweder verstehst Du es nicht, oder willst es nicht verstehen!

Es ist keine FEHLER in TL oder im Template, es ist so gewollt vom Ersteller des Template, der das per CSS Anweisung so ausgeführt hat!!!

Du kannst den Tiny so optimieren, dass Icons mit Formatierungsmöglichkeiten gar nicht erst angezeigt werden!

Benutzer die Beiträge verfassen, müssen natürlich kein CSS können, wohl aber Seitenersteller oder die die es werden wollen.

**ATLAS** · 22.12.2009, 11:51

Zitat von Liebei

es ist so gewollt vom Ersteller des Template

Nur zur Information:
Wo steht das geschrieben?

**Liebei** · 22.12.2009, 11:54

Wenn ich ein Template erstelle, dann mach ich mir sehr wohl über die Inhaltselemente gedanken und überlege mir, wie ich die Seite von einem Redakteur pflegen lasse.

Somit ist es für mich dann gewollt.

Klinke mich hier jetzt aus, da das ganze mit CSS recht einfach zu lösen ist und gelöst wurde.

**ATLAS** · 22.12.2009, 12:08

Noch ist die Lösung nicht perfekt. Durch die Änderungen verschiebt sich einiges. Das ist nicht schön.

**Liebei** · 22.12.2009, 12:36

Zitat von ATLAS

Noch ist die Lösung nicht perfekt. Durch die Änderungen verschiebt sich einiges. Das ist nicht schön.

Hallo Atlas, da hätte ich jetzt was anderes erwartet, nämlich:

Code:

#mainmenu ul, #topmenu ul {margin:0; padding:0;list-style-type:none;}

Schönen Tag noch

**maxi62** · 22.12.2009, 13:37

Zitat von Liebei

Wenn ich ein Template erstelle, dann mach ich mir sehr wohl über die Inhaltselemente gedanken und überlege mir, wie ich die Seite von einem Redakteur pflegen lasse.

Eben, das denk ich mir auch! Soweit sind wir uns einig.

Zitat von Liebei

Somit ist es für mich dann gewollt.
Klinke mich hier jetzt aus, da das ganze mit CSS recht einfach zu lösen ist und gelöst wurde.

Dieser Auffassung kann ich garnicht folgen! Wenn User im Editor keine Listen nutzen sollen, dann hätte zumindest Hinweis da sein müssen oder ein Patch der die Editor-Funktion deaktiviert. Das ist aber nicht der Fall, daher glaube ich nicht das Leo jedem der mal eine Liste erstellen will einen neuen Inhaltstyp aufzwingen will. Er hat den Bug vermutlich nur übersehen weil er in seinen texten keine Liste drin hat.
Ich kann auch nicht sagen jeder Entwickler der Betriebsysteme produziert hat sich bei all seinen Funktionen und deren Verhalten was gedacht! Wenn dann ne Sicherheitslücke oder ein anderer Bug drin ist, dann hat es sich Microsoft wohl so gedacht und es muss so sein. Was ist das denn für eine Einstellung?

**Andreas** · 22.12.2009, 14:52

Hallo zusammen,

ich muss mich hier nochmal einmischen, das bringt doch alles nix. maxi62 hat ein Problem und ist ein wenig aufgeregt, aber das wird sich schon wieder legen. Das Problem sollte man auf jeden Fall ernst nehmen. Der Ursprung ist, dass dort kleine mehr oder weniger unbedeutende Fehler (je nach Erfahrenheit des Webadmins) in diesem Template aus dem Buch vorhanden sind. Seine 'Forschheit' gepaart mit seiner 'Unerfahrenheit' kommt natürlich nicht so gut rüber, aber egal - zum Problem.

@maxi62 (und nat. alle mit dem gleichen Problem) Auf der Buch-CD fehlen die Grafiken fürs CSS. Ich weiß jetzt grad nicht den Link, aber die bekommst du hier irgendwo zum Download. Deshalb das Zeichen für fehlendes Bild, was du unwissend mit < bezeichnet hast. Firebug hätte dir das übrigens angezeigt.

Zurücksetzen kannst du die Listen für TinyMCE mit:

Code:

/* TinyMCE only */
body#tinymce ul {
  list-style-type: disc;
  margin-bottom: 1em;
  padding-left: 40px;
}
body#tinymce ul ul {
  margin-bottom: 0;
}
body#tinymce li {
  list-style-type: disc;
}
body#tinymce ul ul, body#tinymce li li {
  list-style-type: circle;
}
body#tinymce ul ul ul, body#tinymce li li li {
  list-style-type: square;
}

Wenn du die basic.css weiterhin für TinyMCE aktiviert hast (default), dann kommt das in die basic.css. Wenn du die basic.css für TinyMCE deaktiviert hast (siehe mein Tutorial) brauchst du das überhaupt nicht. Wenn du eine extra CSS-Datei für TinyMCE angelegt hast (siehe mein Tutorial) und die basic.css für TinyMCE nicht deaktiviert hast (default), dann natürlich am besten in die extra Datei für TinyMCE.

Nicht gleich aufregen, wenn's jetzt noch nicht klappt, das kriegen wir schon hin

(hab's nicht getestet, weil ich für die Erstellung deiner Umgebung evtl. ne Stunde bräuchte)

Andreas