So erstellen Sie Markdown mühelos mit TextSoap

TextSoap ist ein unschätzbares Dienstprogramm, das ich zunehmend nützlicher finde. Es enthält spezielle Textreiniger - kleine Routinen für die Textverarbeitung.

In diesem Lernprogramm werde ich TextSoap vorstellen und einen benutzerdefinierten Text-Cleaner erstellen, um einen in Markdown geschriebenen Artikel zu bearbeiten und ihn in WordPress einzufügen.


Der Anwendungsfall

Wenn ich schreibe, sehe ich gerne die Wörter. Wenn Sie für das Web schreiben, benötigen Sie häufig eine Art Markup, um Ihren Text zu gestalten. Zum Glück gibt es Markdown, um den Text zu markieren, aber nicht auszublenden.

Viele Content-Management-Systeme oder CMS, wie WordPress, akzeptieren Markdown nicht direkt. Daher sind viele Übersetzungen, Hinzufügen und andere Aufgaben erforderlich, um den Text für die Veröffentlichung vorzubereiten. Das kann ein zeitraubendes Durcheinander sein. Vor allem, wenn Sie es oft tun müssen.

Während ich an einigen Artikeln arbeitete, entschied ich mich für Tuts +, den Textkonvertierungsprozess zu automatisieren. Das ist die Kraft von TextSoap.


Fertig machen

Wenn Sie TextSoap starten, wird der Hauptbildschirm angezeigt.

Es enthält den Arbeitsbereich links und die Liste der Textbereiniger rechts. Wenn sich bereits Inhalte in Ihrer Zwischenablage befinden, wird diese automatisch im Arbeitsbereich abgelegt.


TextSoap-Hauptfenster

Drücken Sie die Reiniger bearbeiten um den benutzerdefinierten Bereinigungs-Editor zu öffnen. Dies ist der Arbeitsbereich zum Erstellen eines benutzerdefinierten Reinigers. Es wird der Inhalt des zuletzt bearbeiteten Bereinigungsprogramms angezeigt. Wie Sie sehen können, habe ich viele benutzerdefinierte Reinigungsmittel.


Fenster "TextSoap Edit Custom Cleaner"

Drücken Sie die + Die Schaltfläche unten links erstellt einen neuen Reiniger. Nennen Sie es Preisnachlass zum Artikel. Der nächste Schritt besteht darin, den Reiniger zu erstellen. Der mittlere Bereich ist die Liste der anzuwendenden Benutzer. Derzeit ist es leer, aber nicht für lange Zeit. Auf der rechten Seite finden Sie alle verfügbaren Aktionen, die Sie zum Reiniger hinzufügen können.


Neuen Reiniger erstellen

Sie können Aktionen hinzufügen, indem Sie eine Aktion aus der Liste rechts an die gewünschte Position in der Mitte ziehen. Jede im mittleren Bereich platzierte Aktion wird nacheinander vom oberen Bildschirmrand nach unten ausgeführt. Daher durchläuft es jedes Mal, wenn ein Block im Reiniger verarbeitet wird, den gesamten Text.

Der gelbe Bereich unter dem mittleren Arbeitsbereich dient zum Hinzufügen von Kommentaren. Wenn Sie dem mittleren Bereich einen Reiniger hinzufügen, können Sie eine besser lesbare Beschreibung dessen hinzufügen, was Sie mit diesem Reiniger tun. Dies macht es einfacher, dem Reiniger zu folgen und ihn in der Zukunft zu bearbeiten!

Da jeder Block jede zu verarbeitende Textzeile durchläuft, dauert der Reinigungsvorgang umso länger, je mehr Blöcke Sie in Ihrem Cleaner verwenden. Daher ist es am besten, die Anzahl der Blöcke auf ein Minimum zu beschränken.


Hinzufügen Markdown Reiniger

Als erstes müssen Sie den Markdown-Text in HTML konvertieren. Schauen Sie sich die Liste der Reiniger auf der rechten Seite an. Direkt über der Liste befindet sich ein Suchfeld. Art Kennzeichen und ein Reiniger wird auftauchen Markdown-Text. Ziehen Sie diese in den mittleren Bereich. Das macht es für die Konvertierung von Markdown nach HTML.

Dieser Reiniger erzeugt leider nicht das genaue HTML-Format, das benötigt wird. Das macht der Rest des Putzers.


HTML-Absatz-Tags entfernen

Da Sie in WordPress nicht möchten, dass Sie Absatzmarken einfügen, müssen diese entfernt werden. Zieh den Regex Suchen und Ersetzen von Text Reiniger in der Mitte gleich nach dem Markdown-Text Block. Platzieren Sie im ersten Textfeld, was gesucht wird: \<[/]*p\>. Dies ist ein regulärer Ausdruck zum Erkennen eines öffnenden oder schließenden Absatz-Tags. Das zweite Textfeld enthält die zu ersetzende Zeichenfolge. Lassen Sie es einfach leer, um die Tags zu löschen.

Spitze: Wenn Sie mit regulären Ausdrücken nicht vertraut sind, lesen Sie dies Sie wissen nichts über reguläre Ausdrücke: Ein vollständiges Handbuch.

Jeden Regex suchen und ersetzen Block muss gesetzt werden, um den Fall zu ignorieren. Klicken Sie deshalb auf Optionen Taste und überprüfen Fall ignorieren. Sie werden ein sehen ich gleich nach dem Button platziert.


Klassen zu Abbildungen hinzufügen

Als nächstes müssen alle Figur-Tags die Tutorial-Bild Klasse damit verbunden. Also hol dir noch einen Regex Suchen und Ersetzen von Text und legen Sie es unter das letzte. Platzieren Sie im ersten Textfeld \ . Platzieren Sie im zweiten Textblock

. Vergessen Sie nicht die Einstellung "Groß- und Kleinschreibung beachten"!


H2-Tags fixieren: Hinzufügen
tag vorher

Der Schreibstandard für Tuts + ist a


Tag vor jedem Header. Dazu müssen Sie eine weitere hinzufügen Regex Suchen und Ersetzen von Text blockieren Sie das Suchtextfeld mit ( und das Ersetzen-Textfeld, das enthält
1 US-Dollar
. Dies wird einfach nach jedem suchen

vor ihm markieren.


H2-Tags reparieren: IDs entfernen

Der Markdown-Konverter fügt immer ein ID-Tag in das Header-Tag ein. Aber der Standard sagt keine IDs! Sie müssen gehen. Noch einmal, eine Regex Suchen und Ersetzen von Text blockieren mit ] *> im Suchtextfeld und

im Ersetzen-Textfeld. Dies wird für jeden suchen

Markiere, egal was in der Mitte ist und ersetze es durch eine Ebene

Etikett.


Bildquelladresse korrigieren

Wenn Sie Bilder in WordPress hochladen, werden sie immer in einem bestimmten Verzeichnis, einem vierstelligen Jahr und einem zweistelligen Monat vor dem Namen der tatsächlichen Datei abgelegt. Da es sich immer an einem vorhersagbaren Ort befindet, kann dies durch Suchen und Ersetzen festgelegt werden. Stellen Sie vor der Textbereinigung sicher, dass Jahr und Monat für das Hochladen der Bilder für den Artikel korrekt eingestellt sind.

Diesmal platzieren Sie eine Text suchen und ersetzen im mittleren Bereich mit dem ersten Textfeld, das enthält . Dies findet im Wesentlichen ein Image-Tag und ersetzt alles vor dem Dateinamen durch den richtigen Webpfad zur Datei.

Bei dieser Implementierung gibt es ein Problem: Monat und Jahr müssen bei jeder Änderung des Monats und / oder Jahres für Ihre Artikel geändert werden. Da TextSoap über kein dynamisches Speichersystem verfügt, muss es jedes Mal manuell geändert werden.


Reparieren Anker-Tags

Wenn Sie ein Ankertag zum Herunterladen von Daten aus dem Medienbereich von WordPress haben, müssen Sie auch diese Adressen korrigieren. Deshalb wiederholen Sie einfach den vorherigen Text suchen und ersetzen Block mit dem ersten Textbereich, der enthält \ und der zweite Textbereich enthält .


Titel

Das letzte, was behoben werden muss, sind die Titel. Tuts + setzt voraus, dass alle Titel mit einem Titel versehen sind. Aber nicht alle Titelfälle sind gleich. Es gibt eine kleine Web-App zum Erstellen der Titelkoffer, die speziell für Tuts + -Artikel entworfen wurden. Bei der Untersuchung des JavaScript-Codes wird deutlich, dass die folgenden Wörter immer klein geschrieben werden sollen: a, an, und als, bei, aber, durch, en, für, wenn in, von, auf, oder, an, vs, vs und via. Außer wenn eines davon das erste Wort in einem Titel ist, muss es großgeschrieben werden.


Titelfall korrigieren: Regulärer Ausdruck

Wählen Sie eine Wenn der Text übereinstimmt Blockieren und ziehen Sie es wie oben in die Mitte. Platzieren Sie diese Zeichenfolge für den regulären Ausdruck im Textfeld \\> (.) \<\/h2\>. Dies wird für jeden passen Tag-Set und übergeben Sie es an den nächsten Block. Es wird dies für jede Zeile tun, die passt. Stellen Sie das ein Match-Capture-Gruppe: zu 1 US-Dollar. Dadurch wird nur der Text in den Tags an die Bereinigung (en) im Block gesendet und die Ergebnisse zwischen den Header-Tags eingefügt. Das ist viel Arbeit leicht gemacht! Denken Sie daran, die Optionen so einzustellen, dass Groß- und Kleinschreibung ignoriert werden.

Nimm als nächstes eine Titelkoffer mit Optionen Block und ziehen Sie es in die Mitte zwischen Wenn der Text übereinstimmt Block und die Ende bedingt Block. Da die Standardliste für das Erstellen von kleinen Dateien der Web-App entspricht, muss nichts hinzugefügt werden. Das Beste ist, dass es intelligent genug ist, um sicherzustellen, dass das erste Wort immer großgeschrieben wird, egal welches Wort es ist. Wenn ein anderes Wort klein geschrieben werden muss, kann es in das große Textfeld darunter eingefügt werden Voreinstellung: a,… . Wenn Sie möchten, dass einige Akronyme nicht geändert werden, können Sie sie in das zweite große Textfeld unter einfügen Standardeinstellung: AT & T… . Ich habe hinzugefügt HTML CSS PHP denn diese sollten immer komplett groß geschrieben werden.

Das Behandle: vs vs v v. Als kleine Wörter muss überprüft werden.


Zusammenfassung

Jetzt haben Sie einen TextSoap-Reiniger, der jeden Markdown-Text in HTML konvertiert und für die Veröffentlichung direkt in WordPress einfügen kann. Es sind keine weiteren Einstellungen erforderlich. Es ist jetzt einfach genug, nur in Markdown zu arbeiten und es in WordPress einzufügen, um es zu veröffentlichen.

Ich habe diesen Artikel beispielsweise in Sublime Text using Markdown geschrieben, den Text in die Zwischenablage kopiert, diesen Text mithilfe meines TextSoap Alfred-Workflows ausgeführt, um Markdown in die Zwischenablage in HTML zu konvertieren, die Ergebnisse in WordPress einzufügen und meine Bilder hochzuladen. So einfach ist das!

Ein Wort der Warnung: fügen Sie Ihren HTML-Code in das Text Registerkarte des WordPress-Editors!

Haben Sie einzigartige TextSoap-Reiniger erstellt? Lass es mich in den Kommentaren wissen!