{"id":1045,"date":"2011-07-16T13:29:09","date_gmt":"2011-07-16T12:29:09","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=1045"},"modified":"2011-07-16T13:29:09","modified_gmt":"2011-07-16T12:29:09","slug":"indesign-epub-export-von-listen-und-aufzahlungen-bug","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/indesign\/indesign-epub-export-von-listen-und-aufzahlungen-bug","title":{"rendered":"InDesign ePub-Export von Listen und Aufz\u00e4hlungen: Bug?"},"content":{"rendered":"<p>CS5.5 bringt eine Menge Neuerungen mit was die ePub-Produktion  betrifft. Einen komplett neu geschriebenen ePub-Exportdialog geh\u00f6rt  dazu, die Artikelpalette, die Tagsexportfunktionen und die  Objektexportfunktionen. Vieles was vorher m\u00fchsam war \u2013 z.B. Initialien  erstellen \u2013 geht nun leicht von Hand da InDesign diese Eigenschaften  alle sch\u00f6n ins CSS mit exportiert.<\/p>\n<h2>Ausgangsproblem<\/h2>\n<p>Heute bin ich auf ein  komisches Verhalten gesto\u00dfen in Zusammenhang mit Nummerierten und  Nicht-Nummerierten Listen. Und zwar beide in Kombination miteinander.  Gehen wir mal von einer kleinen nummerierten Liste aus und f\u00fcgen  dazwischen zwei Punkte ein die nicht nummeriert werden sondern nur mit  einem Bullet-Aufz\u00e4hlungszeichen. Und dann nat\u00fcrlich auch die entsprechenden  Absatzformate erstellen und zuweisen:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1046\" title=\"Ausgangsdokument_Listen\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Ausgangsdokument_Listen.jpg\" alt=\"\" width=\"584\" height=\"387\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Ausgangsdokument_Listen.jpg 791w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Ausgangsdokument_Listen-300x199.jpg 300w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/p>\n<p>Diese Datei aus InDesign CS5 und InDesign CS5.5 exportiert (und zu Nummerierten sowie Nicht-Nummerierten Listen) ergibt dieses Resultat, dargestellt in Digital Editions und Sigil:<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-1049 alignnone\" title=\"Fehler_Listen_Reader\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Fehler_Listen_Reader.jpg\" alt=\"\" width=\"600\" height=\"600\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Fehler_Listen_Reader.jpg 600w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Fehler_Listen_Reader-150x150.jpg 150w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Fehler_Listen_Reader-300x300.jpg 300w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Fehler_Listen_Reader-50x50.jpg 50w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1060\" title=\"ePub_Export_listen\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/ePub_Export_listen.jpg\" alt=\"\" width=\"469\" height=\"117\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/ePub_Export_listen.jpg 469w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/ePub_Export_listen-300x74.jpg 300w\" sizes=\"(max-width: 469px) 100vw, 469px\" \/><\/p>\n<p><strong>Digital Editions<\/strong> erkennt die zwei Aufz\u00e4hlungspunkte mit Bullets \u00fcberhaupt nicht und f\u00e4hrt einfach weiter mit der Nummerierung, beginnt jedoch auf einmal wieder mit der 1 nach der 4 &#8230;<\/p>\n<p><strong>Sigil<\/strong> erkennt zwar die Aufz\u00e4hlungspunkte bim exportierten CS5-Dokument, kommt jedoch auch total durcheinander mit der Nummerierung. Aus CS5.5 kommt \u00e4hnliches heraus, nur noch anders &#8230;<\/p>\n<h2>Der HTML-Code<\/h2>\n<p>Was ist hier das Problem? Ein Blick in den HTML-Code zeigt auf, dass InDesign die Listen nicht richtig exportiert. Hier einmal vereinfacht dargestellt, was InDesign CS5 und CS5.5 exportieren und ganz rechts wie der Code eigentlich aussehen m\u00fcsste damit es richtig dargestellt wird.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1051\" title=\"HTML_Lists\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/HTML_Lists.jpg\" alt=\"\" width=\"600\" height=\"428\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/HTML_Lists.jpg 600w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/HTML_Lists-300x214.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Listen werden ja in HTML mit Hilfe der Tags &lt;ol&gt; (Ordered List), &lt;li&gt; (List Items) und &lt;ul&gt; (Unordered Lists) ausgezeichnet. Wir sehen also, dass InDesign CS5 sowie auch CS5.5 hier jeweils die &lt;ol&gt; unterbrechen und eine neue Liste anfangen wodurch das Nummerierungsproblem zu erkl\u00e4ren ist. CS5.5 schlie\u00dft die zwei Bullet-Aufz\u00e4hlungspunkte sogar innerhalb eines &lt;li&gt; ein.<\/p>\n<h2>(Tempor\u00e4re) L\u00f6sung<\/h2>\n<p>Wenn wir das Dokument z.B. in Sigil \u00f6ffnen und den HTML-Code so ab\u00e4ndern, dass er dem rechten Beispiel entspricht, erhalten wir auch das gew\u00fcnschte Resultat. Hier das Beispiel noch mal in Sigil nachdem der HTML-Code angepasst wurde:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-1052\" title=\"Liste_Sigil_tweaked\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Liste_Sigil_tweaked.jpg\" alt=\"\" width=\"484\" height=\"554\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Liste_Sigil_tweaked.jpg 484w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Liste_Sigil_tweaked-262x300.jpg 262w\" sizes=\"(max-width: 484px) 100vw, 484px\" \/><\/p>\n<p>Ist jemandem dieser Bug schon aufgefallen? Kann es sein, dass ich hier irgendetwas \u00fcbersehen habe? Wer das Problem mal nachstellen m\u00f6chte kann sich <a href=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2011\/07\/Nummerierung_CS5.indd_.zip\" target=\"_blank\">hier das InDesign-Dokument<\/a> runterladen.<\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#1e3050\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Findesign-epub-export-von-listen-und-aufzahlungen-bug&text=InDesign%20ePub-Export%20von%20Listen%20und%20Aufz%C3%A4hlungen%3A%20Bug%3F\" title=\"Bei X (Twitter) teilen\" aria-label=\"Bei X (Twitter) teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.4.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}<\/style><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/span><span class=\"shariff-text\">twittern<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Findesign-epub-export-von-listen-und-aufzahlungen-bug\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Findesign%2Findesign-epub-export-von-listen-und-aufzahlungen-bug\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">mitteilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Heute bin ich auf ein komisches Verhalten gesto\u00dfen in Zusammenhang mit Nummerierten und Nicht-Nummerierten Listen beim InDesign ePub-Export. Und zwar beide in Kombination miteinander. Ein Blick in den HTML-Code zeigt auf, dass InDesign die Listen nicht richtig exportiert &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[100,3],"tags":[219],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/1045"}],"collection":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/comments?post=1045"}],"version-history":[{"count":15,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/1045\/revisions"}],"predecessor-version":[{"id":1066,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/1045\/revisions\/1066"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=1045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=1045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=1045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}