Hallo,
ich bastle an eigenen Styles für Markdowndateien. Das klappt erstmal ganz gut.
Aber …
Wenn ich die CSS-Datei nachträglich ändere, dann ändert sich nicht die Darstellung der Markdowndateien, in die ich den Verweis auf diese CSS-Datei eingefügt habe.
Selbst wenn ich die CSS-Datei umbenne, ändert sich die Darstellung nicht.
Dies sowohl auf dem iPad als auch auf dem iMac. Was mache ich falsch?
Viele Grüße
Nordlicht
Ich fürchte, hier wäre es für uns gut, einen Blick auf die beiden Dateien zu werden (Markdown- und CSS-Datei) sowie ein Bildschirmfoto zu sehen, in welcher Gruppe und wie zueinander die beiden Dateien liegen.
Hier erstmal zwei Screenshots der unterschiedlichen Darstellung. Beide liegen in einer Gruppe.
Die Datei Markdown-1 hat folgenden Inhalt:
<link rel="stylesheet" type="text/css" href = "Style_mk.css">
# Testdokument mit Vorlage
aölsak skdp
## Test 2
## Test 3
Die Datei Markdown-2 hat folgenden Inhalt:
<link rel="stylesheet" type="text/css" href = "Style_mk.css">
# Test 1
## Test 2
### Test 3
Hier nun der Screenshot der Gruppen.
Die obigen Dateien liegen in der Gruppe Drucken -> Test
Die css-Dateien in der Gruppe X-Vorlagen
Und hier die CSS-Datei. Wobei das auch bei einfacheren auftritt.
Am iPad und auf dem iPhone erfolgt das Rendering “mal so - mal so”
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ol,
ul,
li,
img {
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html * {
font-family: "ff-din-web-pro-1", "ff-din-web-pro-2", sans-serif;
font-size: 16px;
line-height: 19.2px;
color-profile: sRGB;
}
body {
margin: 40px 70px;
}
p {
font-weight: lighter;
margin-bottom: 20px;
}
strong {
font-weight: bold;
}
ol,
ul {
margin-left: 2em;
margin-bottom: 20px;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-top: 10px;
}
li {
margin-bottom: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: lighter;
text-transform: capitalize;
margin-top: 40px;
margin-bottom: 20px;
}
h1 {
font-size: 24.624px;
line-height: 29.548799999999996px;
}
h2 {
font-size: 24.624px;
line-height: 29.548799999999996px;
}
h3 {
font-size: 23.44px;
line-height: 28.128px;
}
h4 {
font-size: 22.16px;
line-height: 26.592px;
}
h5 {
font-size: 22.16px;
line-height: 26.592px;
}
h6 {
font-size: 22.16px;
line-height: 26.592px;
}
img {
margin-bottom: 20px;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img,
p img {
margin-bottom: 0;
}
pre {
margin-bottom: 20px;
}
pre,
code {
font-family: monospace;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}
blockquote {
border-left: 4px solid;
padding: 0 15px;
}
blockquote > :first-child {
margin-top: 0;
}
blockquote > :last-child {
margin-bottom: 15px;
}
h1 {
text-transform: uppercase;
font-weight: bold;
border-bottom: 1px solid;
}
h2 {
border-bottom: 1px solid;
}
h3,
h4,
h5,
h6 {
border-bottom: none;
}
html * {
color: #657b83;
}
html body {
background-color: #FFFFFF;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
color: #586e75;
border-color: #657b83;
}
html a,
html a:active,
html a:visited {
color: #586e75;
}
html a:hover {
background-color: #eee8d5;
}
html pre {
color: #586e75;
background-color: #eee8d5;
}
html a,
html a:active,
html a:visited,
html code.url {
color: #b58900;
}
html h1 {
color: #b58900;
}
html h2,
html h3,
html h4,
html h5,
html h6 {
color: #b58900;
}
kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb;
}
@media print {
body {
margin: 0;
}
* {
color: #000 !important;
}
}
Eventuell kommen hier die Caches des WebKits ins Spiel. Wird denn nach dem Löschen der Caches (s. DEVONthink-Menü auf dem Mac) oder einem Neustart der Anwendung die Darstellung aktualisiert?
Nach einem Löschen des Caches oder Neustart der Anwendung wird die Darstellung nicht aktualisiert.
Heute wurde beide MD-Dateien ohne Darstellung der Css-Datei angezeigt.
Habe testweise mal die CSS-Datei in die gleiche Gruppe der MD-Dateien kopiert. Dann wird die Darstellung aktualisiert. Auch nach Neustart der Anwendung
Die obigen Markdown-Dateien erwarten tatsächlich eine CSS-Datei in derselben Gruppe, alternativ müsste der komplette Pfad angegeben werden im href-Attribut.
Liegt das an den Markdown-Dateien?? Oder an der CSS-Datei
Komischerweise klappt das sporadisch auch dann, wenn die CSS-Datei im Vorlagenverzeichnis liegt.
Den vollständigen Pfad anzugeben, wäre ja kein Problem. Wie lautet die grundsätzliche Syntax dafür?
An den Markdown-Dateien.
Die Syntax entspricht weitgehend einem POSIX- oder Windows-Pfad, also /gruppe/untergruppe/datei.ext