230 Stimmen

Markdown und Bildausrichtung

Ich erstelle eine Website, die jeden Monat Artikel zu verschiedenen Themen veröffentlicht. Es ist unkompliziert, und ich denke, die Verwendung eines Markdown-Editors (wie z.B. WMD hier bei Stack Overflow) wäre perfekt.

Allerdings brauchen sie die Möglichkeit, Bilder rechts ausgerichtet in einem bestimmten Absatz zu haben.

Ich sehe keinen Weg, das mit dem aktuellen System zu tun - ist das möglich?

3voto

abbood Punkte 22135

Wie greg sagte, können Sie HTML-Inhalte in Markdown einbetten, aber eines der Ziele von Markdown ist es, umfangreiches (oder überhaupt kein) CSS/HTML-Markup-Wissen zu vermeiden, oder? Das mache ich so:

In meiner Markdown-Datei weise ich einfach alle meine Wiki-Editoren an, alle Bilder in etwas zu verpacken, das so aussieht:

' // Bild hier einfügen  `

(natürlich wissen sie nicht, was

bedeutet, aber das sollte nicht wichtig sein)

Die Markdown-Datei sieht dann so aus:

![Optionale Bildbeschreibung][1]

[1]: /image/pfad

Und im CSS-Inhalt, der die gesamte Seite umgibt, kann ich mit dem Bildtag tun, was ich will:

img {
   float: right;
}

Natürlich können Sie mit dem CSS-Inhalt mehr machen... (in diesem speziellen Fall verhindert das Umwickeln des img-Tags mit dem div, dass anderer Text gegen das Bild gewickelt wird... das ist nur ein Beispiel), aber meiner Meinung nach geht es bei Markdown darum, dass Sie nicht möchten, dass potenziell technisch nicht versierte Personen sich mit den Feinheiten von CSS/HTML befassen.. es liegt an Ihnen als Webentwickler, Ihren CSS-Inhalt, der die Seite umgibt, so generisch und sauber wie möglich zu gestalten, aber andererseits brauchen Ihre Editoren nichts darüber zu wissen.

1voto

Zuha Karim Punkte 251

Ich hatte die gleiche Aufgabe und habe meine Bilder rechtsbündig ausgerichtet, indem ich Folgendes hinzugefügt habe:

Um Ihr Bild linksbündig oder zentriert auszurichten, ersetzen Sie

mit

0voto

rahul-ahuja Punkte 749

Bild und Text nebeneinander in einem Absatz in einem einzigen Block ausrichten, innerhalb einer Warnbox.

Isomorphismus  →  In der Mathematik ist ein Isomorphismus eine strukturerhaltende Abbildung zwischen zwei Strukturen desselben Typs, die durch eine Umkehrabbildung umgekehrt werden kann.

Ausgabe :

Bildbeschreibung hier eingeben

0voto

dopexxx Punkte 1765

Ich denke, die einfachste Lösung besteht darin, align="right" direkt anzugeben:

-1voto

Andersonfrfilho Punkte 113

Das funktioniert für mich

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X