TinyMCE erzeugt Leerzeilen

**umsteiger** · 31.05.2010, 17:44

Hallo,
ich habe das Problem, dass Tiny beim Speichern eines Artikels automatisch Leerzeilen einfügt. An nicht validem HTML kann es nicht liegen, da die Seite bei W3C als valide (XHTML 1.0 Strict) ausgegeben wird.
(Hab die Seite leider nicht online.) Typolight 2.8.3, Firefox 3.6.3.
Hat jemand eine Idee, warum Tiny das macht?

Danke und Gruß
umsteiger

***xchs*** · 31.05.2010, 18:17

Hallo Umsteiger,

mich würde interessieren, wie Du die Seite mit dem W3C Validator überprüft hast, wenn sie nicht online ist?

**Russe** · 31.05.2010, 18:27

Zitat von xchs

… mich würde interessieren, wie Du die Seite mit dem W3C Validator überprüft hast, wenn sie nicht online ist?

Man kann dort auch eine Datei hochladen oder den Quelltext einer lokalen Installation in eine Textarea kopieren.

**Russe** · 31.05.2010, 18:29

Zitat von umsteiger

Hallo,
ich habe das Problem, dass Tiny beim Speichern eines Artikels automatisch Leerzeilen einfügt. An nicht validem HTML kann es nicht liegen, da die Seite bei W3C als valide (XHTML 1.0 Strict) ausgegeben wird.
(Hab die Seite leider nicht online.) Typolight 2.8.3, Firefox 3.6.3.
Hat jemand eine Idee, warum Tiny das macht?

Danke und Gruß
umsteiger

Kannst du uns mal den Quelltext einer Beispielseite zeigen? Also gerade der Teil mit den Leerzeilen genügt.

***xchs*** · 31.05.2010, 18:34

Zitat von Russe

Man kann dort auch eine Datei hochladen oder den Quelltext einer lokalen Installation in eine Textarea kopieren.

Ja, so würde es auch gehen

Ansonsten wird vom W3C der direkte Zugriff auf "localhost" nicht bedient...

**umsteiger** · 31.05.2010, 20:03

Hallo,
die Validierung habe ich im Firefox mit Web-Developer (Extras/lokales HTML validieren) durchgeführt.
Und hier der Quelltext der Seite:

HTML-Code:

   1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
   3. <!--
   4.
   5. This website is powered by TYPOlight Open Source CMS :: Licensed under GNU/LGPL
   6. Copyright ©2005-2010 by Leo Feyer :: Extensions are copyright of their respective owners
   7. Visit the project website at https://contao.org for more information
   8.
   9. //-->
  10. <head>
  11. <base href="http://koenig/"></base>
  12. <title>Speisekarte - Landgasthof Königsberg</title>
  13. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  14. <meta http-equiv="Content-Style-Type" content="text/css" />
  15. <meta http-equiv="Content-Script-Type" content="text/javascript" />
  16. <meta name="description" content="" />
  17. <meta name="keywords" content="Speisekarte" />
  18. <meta name="robots" content="index,follow" />
  19. <style type="text/css" media="screen">
  20. <!--/*--><![CDATA[/*><!--*/
  21. #wrapper { width:900px; margin:0 auto; }
  22. #header { height:170px; }
  23. #left { width:310px; }
  24. #main { margin-left:310px; }
  25. #footer { height:40px; }
  26. /*]]>*/-->
  27. </style>
  28. <link rel="stylesheet" href="system/typolight.css" type="text/css" media="screen" />
  29. <!--[if lte IE 7]><link rel="stylesheet" href="system/iefixes.css" type="text/css" media="screen" /><![endif]-->
  30. <link rel="stylesheet" href="plugins/mediabox/css/mediabox.css" type="text/css" media="screen" />
  31. <script type="text/javascript" src="plugins/mootools/mootools-core.js"></script>
  32. <script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>
  33. <script type="text/javascript" src="plugins/imageslider/class.viewer.js"></script>
  34. <style type="text/css" media="screen">
  35. <!--/*--><![CDATA[/*><!--*/
  36. /*is-css-start*/
  37. #elements1 {position:absolute;}
  38. .mask1 { width:560px; height:150px; position:relative; overflow:hidden;}
  39. .mask1 img { position:absolute; display:block; border:none; }
  40. /*is-css-end*/
  41. /*]]>*/-->
  42. </style>
  43. <script type="text/javascript">
  44. <!--//--><![CDATA[//><!--
  45. window.addEvent('domready',function()
  46. {
  47. //is-js-start
  48. var V1 = new viewer( $$('#elements1 img)' ),
  49. {
  50. sizes: {w:560,h:150},
  51. mode: 'rand',
  52. modes: ['alpha'],
  53. fxOptions:{ duration: 2500 , transition: Fx.Transitions.Sine.easeIn },
  54. interval: 6000
  55. });
  56. V1.playRandom();;
  57. //is-js-end
  58. });
  59. //--><!]]>
  60. </script>
  61. <link rel="stylesheet" href="tl_files/koenigsberg/css/koenigsberg.css" type="text/css" media="all" />
  62. <link rel="shortcut icon" href="tl_files/koenigsberg/layout/favicon.ico" />
  63. </head>
  64.
  65. <body id="top">
  66. <div id="wrapper">
  67.
  68. <div id="header">
  69. <div class="inside">
  70.
  71. <img class="logo" src="tl_files/koenigsberg/layout/logo.gif" width="290px" height="160px" alt="Landgasthof Königsberg" title="" /><div class="mod_imageslider block">
  72. <div class="mask1">
  73. <div id="elements1">
  74.
  75. <img src="tl_files/koenigsberg/layout/ruhebank.jpg" alt="Ruhebank" />
  76. <img src="tl_files/koenigsberg/layout/sommerwald.jpg" alt="Sommer" />
  77. <img src="tl_files/koenigsberg/layout/herbstwald.jpg" alt="Herbst" />
  78. <img src="tl_files/koenigsberg/layout/winterwald.jpg" alt="Winter" /></div>
  79. </div>
  80. </div>
  81.
  82.
  83. </div>
  84. </div>
  85.
  86. <div id="container">
  87.
  88. <div id="left">
  89. <div class="inside">
  90.
  91. <img class="bild_menue" src="tl_files/koenigsberg/layout/haus.jpg" width="281px" height="117px" alt="Haus Limbach" title="" />
  92. <!-- indexer::stop -->
  93. <div class="mod_navigation block" id="navigation">
  94.
  95. <a href="index.php/essen-und-trinken/articles/speisekarte.htm#skipNavigation1" class="invisible">Navigation überspringen</a>
  96.
  97. <ul class="level_1">
  98. <li class="first"><a href="index.php/startseite.htm" title="Herzlich Willkommen" class="first">Startseite</a></li>
  99. <li><a href="index.php/freizeit-und-erholung.htm" title="Freizeit und Erholung">Freizeit und Erholung</a></li>
 100. <li class="trail"><a href="index.php/essen-und-trinken.htm" title="Essen und Trinken" class="trail">Essen und Trinken</a></li>
 101. <li><a href="index.php/schlafen.htm" title="Schlafen">Schlafen</a></li>
 102. <li><a href="index.php/preise.htm" title="Preise">Preise</a></li>
 103. <li><a href="index.php/anfahrt.htm" title="Anfahrt">Anfahrt</a></li>
 104. <li><a href="index.php/kontakt.htm" title="Kontakt">Kontakt</a></li>
 105. <li class="last"><a href="index.php/impressum.htm" title="Impressum" class="last">Impressum</a></li>
 106. </ul>
 107.
 108. <a name="skipNavigation1" id="skipNavigation1" class="invisible">&nbsp;</a>
 109.
 110. </div>
 111. <!-- indexer::continue -->
 112.
 113. </div>
 114. </div>
 115.
 116. <div id="main">
 117. <div class="inside">
 118.
 119. <div class="mod_article block" id="speisekarte">
 120.
 121. <div class="ce_text block">
 122.
 123. <h1>Speisekarte</h1>
 124.
 125. <table style="width: 95%;" border="0" cellspacing="7" cellpadding="3">
 126. <tbody>
 127. <tr>
 128. <td style="width: 75%;">Klare <strong>Rindfleischsuppe </strong>mit Markklößchen</td>
 129. <td align="right"><strong>3,00 €</strong></td>
 130. </tr>
 131. <tr>
 132. <td style="width: 75%;">Hausgemachte <strong>Goulaschsuppe</strong></td>
 133. <td align="right"><strong>3,00 €</strong></td>
 134. </tr>
 135. <tr>
 136. <td style="width: 75%;"><strong>Jägerschnitzel </strong>mit Kartoffelkroketten und Salat<br /></td>
 137. <td align="right"><strong>8,50 €</strong><br /></td>
 138. </tr>
 139. <tr>
 140. <td style="width: 75%;">Gebratenes <strong>Pangasiusfilet </strong>mit zerlassener Mandelbutter, Salzkartoffeln und Salat</td>
 141. <td align="right"><strong>10,50 €</strong><br /></td>
 142. </tr>
 143. <tr>
 144. <td style="width: 75%;">Gefülltes <strong>Schweineschnitzel </strong>"Cordon bleu" mit Kartoffelkroketten und Salat</td>
 145. <td align="right"><strong>8,50 €</strong><br /></td>
 146. </tr>
 147. <tr>
 148. <td style="width: 75%;"><strong>Rumpsteak </strong>"Madagaskar" mit Pfefferrahmsauce, Kartoffelkroketten und Salat</td>
 149. <td align="right"><strong>14,50€</strong><br /></td>
 150. </tr>
 151. <tr>
 152. <td style="width: 75%;"><strong>"Königsberger Topf"</strong> mit Schweinelendchen und Pilzen in Rieslingrahm, hausgemachte Spätzle und Salat</td>
 153. <td align="right"><strong>11,00 €</strong></td>
 154. </tr>
 155. <tr>
 156. <td style="width: 75%;"><strong>Schweinerückensteak </strong>"Südsee Art" mit Mandarinen in Curryrahm, Kartoffelkroketten und Salat</td>
 157. <td align="right"><strong>8,80 €</strong><br /></td>
 158. </tr>
 159. <tr>
 160. <td style="width: 75%;"><strong>Geschnetzeltes </strong>vom Weiderind, dazu hausgemachte Spätzle und Salat</td>
 161. <td align="right"><strong>9,90 €</strong><br /></td>
 162. </tr>
 163. <tr>
 164. <td style="width: 75%;"><strong>Bachforelle </strong>"nach der schönen Müllerin" mit zerlassener Butter, Salzkartoffeln und Salat</td>
 165. <td align="right"><strong>9,00 €</strong><br /></td>
 166. </tr>
 167. <tr>
 168. <td style="width: 75%;"><strong>Schweineschnitzel </strong>"Schweizer Art" mit Schinken, Tomaten und Käse überbacken, dazu Kartoffelkroketten und Salat</td>
 169. <td align="right"><strong>8,80 €</strong><br /></td>
 170. </tr>
 171. <tr>
 172. <td style="width: 75%;"><strong>"Strammer Max"</strong> (Schinkenbrot mit 2 Spiegeleier)</td>
 173. <td align="right"><strong>4,90 €</strong><br /></td>
 174. </tr>
 175. <tr>
 176. <td style="width: 75%;"><strong>"Feuerfressertoast"</strong> mit einem Schweinesteak, Pfeffersauce und Salaten umlegt</td>
 177. <td align="right"><strong>6,90 €</strong><br /></td>
 178. </tr>
 179. </tbody>
 180. </table>
 181. <p>&nbsp;</p>
 182.
 183. </div>
 184.
 185. <!-- indexer::stop -->
 186. <p class="back"><a href="javascript:history.go(-1)" title="Zurück">Zurück</a></p>
 187. <!-- indexer::continue -->
 188.
 189. </div>
 190.
 191. </div>
 192.
 193. <div id="clear"></div>
 194. </div>
 195.
 196. </div>
 197.
 198. <div id="footer">
 199. <div class="inside">
 200. &nbsp;
 201. </div>
 202. </div>
 203.
 204. <!-- indexer::stop -->
 205. <img src="http://koenig/cron.php" alt="" class="invisible" />
 206. <!-- indexer::continue -->
 207.
 208. <script type="text/javascript" src="plugins/mediabox/js/mediabox.js"></script>
 209. <script type="text/javascript">
 210. <!--//--><![CDATA[//><!--
 211. Mediabox.scanPage = function() {
 212. var links = $$("a").filter(function(el) {
 213. return el.rel && el.rel.test(/^lightbox/i);
 214. });
 215. $$(links).mediabox({/* Put custom options here */}, null, function(el) {
 216. var rel0 = this.rel.replace(/[[]|]/gi," ");
 217. var relsize = rel0.split(" ");
 218. return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
 219. });
 220. };
 221. window.addEvent("domready", Mediabox.scanPage);
 222. //--><!]]>
 223. </script>
 224.
 225. </div>
 226. </body>
 227. </html>

Die Leerzeilen werden von Tiny nach der Tabelle eingefügt.

Mir scheint prinzipiell der TinyMCE erhebliche Probleme zu bereiten, wenn ich mir so das Forum durchlese.

Gruß
umsteiger

**MacKP** · 31.05.2010, 20:57

Hallo umsteiger,
das sieht für mich einfach wie ein Eingabeproblem aus. Nach der Tabelle wurde einfach noch mal Return gedrückt. Da wird dann ein Leerzeichen eingebaut, da ein Leeres Element nicht gülltig ist.

Viele Grüße

**Russe** · 31.05.2010, 22:04

Ich schau dann meist noch Mal kurz in den HTML-Modus vom TinyMCE, denn der macht ja oft ziemlichen Murks und lösche so Zeugs dann von Hand raus.

So langsam muss ich mich jetzt endlich mal mit der Konfiguration vom TinyMCE beschäftigen.