Cum de a crea fără efort Markdown cu TextSoap

TextSoap este un utilitar neprețuit pe care îl găsesc din ce în ce mai util. Se livrează cu dispozitive de curățare speciale pentru texte - mici rutine pentru procesarea textului.

În acest tutorial, voi introduce TextSoap și va crea un program de curățare a textelor personalizate pentru procesarea unui articol scris în Markdown pentru a fi pregătit pentru adăugarea în WordPress.


Cazul de utilizare

Când scriu, îmi place să văd cuvintele. Când scrieți pentru web, aveți adesea nevoie de un anumit tip de marcare pentru a vă stiliza textul. Din fericire, există Markdown pentru marcarea textului, dar nu pentru ascunderea textului.

Multe sisteme de management al conținutului sau CMS, precum WordPress, nu acceptă direct markdown. Prin urmare, există o mulțime de traduceri, adăugări și alte sarcini necesare pentru ca textul să fie pregătit pentru publicare. Aceasta poate fi o mizerie care consumă mult timp. Mai ales dacă trebuie să o faci des.

În timp ce lucram la unele articole, pentru Tuts +, am decis să automatizez procesul de conversie a textului. Aceasta a fost puterea de TextSoap într-adevăr straluceste.


Noțiuni de bază

Când începeți TextSoap, veți fi prezentat cu ecranul principal.

Conține zona de lucru spre stânga, iar lista de curățare a textelor spre dreapta. Dacă aveți deja chestii în clipboard, acesta va fi plasat automat în zona de lucru.


TextSoap fereastra principală

apasă pe Editați Cleaners pentru a deschide editorul personalizat de curățare. Aceasta este zona de lucru pentru a crea un curat personalizat. Acesta va arăta conținutul ultimului curățat editat. După cum puteți vedea, am multe curățenie personalizate.


TextSoap Editați fereastra personalizată de curățare

Apăsarea butonului + butonul din stânga jos va crea un nou curatator. Numeste Marcare la articol. Următorul pas este să creați curatatorul. Zona mijlocie este lista de clarificatori care trebuie aplicată. Este în prezent gol, dar nu pentru mult timp. Partea dreaptă are toate acțiunile disponibile pe care le puteți adăuga la curățare.


Crearea unui nou curatator

Puteți adăuga o acțiune tragând una din lista din dreapta spre locul în care doriți să o faceți în mijloc. Fiecare acțiune plasată în zona centrală va fi aplicată una câte una, începând de la partea de sus a ecranului până la partea de jos. De aceea, de fiecare data cand proceseaza un bloc in curatator, merge de fapt complet prin toata textul.

Zona galbenă din zona de lucru din mijloc este pentru adăugarea de comentarii. Când adăugați un curățitor în zona de mijloc, puteți adăuga o descriere mai ușor de citit a ceea ce faceți cu acel curățitor. Acest lucru face mai ușor să urmați curățarea și să o editați în viitor!

Deoarece fiecare bloc trece prin fiecare linie de text care urmează să fie procesată, cu cât mai multe blocuri pe care le utilizați în curățătorul dvs., cu atât va dura mai mult procesul de curățare. Prin urmare, cel mai bine este să păstrați numărul de blocuri la minimul necesar.


adăugare Markdown Mai curat

Primul lucru pe care trebuie să-l faceți este să convertiți textul de marcare în HTML. Uită-te la lista de curățători din partea dreaptă. Chiar deasupra listei este o cutie de căutare. Tip marcă și un curat va apărea Markdown Text. Trageți unul în zona centrală. Asta face pentru convertirea de la Markdown la HTML.

Cea mai curată, din păcate, nu produce formatul exact al HTML necesar. Asta va face restul curatorului.


Eliminarea etichetelor paragrafului HTML

Deoarece WordPress nu dorește să puneți în etichetele paragrafelor, acestea trebuie eliminate. Trageți Regex Căutați și înlocuiți textul mai curat la mijloc imediat după Markdown Text bloc. În prima casetă de text, plasați ceea ce căutați: \<[/]*p\>. Aceasta este o expresie regulată pentru detectarea unei etichete de deschidere sau închidere. Cea de-a doua casetă de text este ce să înlocuiți șirul de potrivire. Doar lăsați-o goală pentru a șterge etichetele.

Bacsis: Dacă nu sunteți încrezători cu expresii regulate, citiți-vă Nu știți nimic despre expresii regulate: un ghid complet.

Fiecare Regex Search and Replace bloc trebuie să fie setat să ignore cazul. Prin urmare, faceți clic pe Opțiuni butonul și verificați ignora cazul. Veți vedea o eu plasat imediat după buton.


Adăugarea de clase la cifre

Apoi, toate etichetele de cifre trebuie să aibă Tutorial-image clasă asociată cu aceasta. Deci, adu un altul Regex Căutați și înlocuiți textul și puneți-l sub ultima. În prima casetă de text, plasați \ . În cel de-al doilea bloc text, locul

. Nu uitați de setarea cazului de ignorare!


Fixarea etichetelor H2: Adăugarea
etichetă înainte

Standardul de scriere pentru Tuts + este acela de a avea a


înainte de fiecare antet. Pentru a face acest lucru, trebuie să adăugați altul Regex Căutați și înlocuiți textul blocați cu caseta text de căutare care conține ( și caseta de înlocuire a textului care conține
$ de 1
. Aceasta va căuta pur și simplu toate

etichetă în fața acestuia.


Fixarea etichetelor H2: eliminarea idelor

Convertorul de marcare va pune întotdeauna o etichetă de identificare în eticheta antetului. Dar, standardul spune că nu există ID-uri! Trebuie să plece. Încă o dată, ia-o Regex Căutați și înlocuiți textul blocați cu ] *> în câmpul de text căutare și

în câmpul de text înlocuire. Aceasta va căuta fiecare

eticheta indiferent de ceea ce este în mijloc și să o înlocuiască doar cu o câmpie

etichetă.


Fixarea adresei sursei de imagine

Când încărcați imagini în WordPress, acestea le plasează întotdeauna într-o locație specifică a directorului, un an cu patru cifre și o lună cu două cifre înainte de numele fișierului real. Deoarece este întotdeauna într-o locație previzibilă, o căutare și înlocuire pot fi folosite pentru a configura acest lucru. Înainte de a efectua curățarea textului, asigurați-vă că setați anul și luna corespunzător pentru momentul în care ați încărcat fotografiile pentru articol.

De data aceasta, plasați a Găsiți și înlocuiți textul în secțiunea mijlocie, cu primul câmp de text care conține . Acest lucru găsește în principiu o etichetă de imagine și înlocuiește totul înaintea numelui fișierului cu calea web adecvată la fișier.

Există o problemă cu această implementare: luna și anul trebuie schimbate de fiecare dată când lunile și / sau anul se schimbă pentru articolele dvs. Din moment ce TextSoap nu are un sistem dinamic de memorie, trebuie să fie schimbat manual de fiecare dată.


Fixarea diverselor. Anchor Tags

Când aveți o etichetă de ancorare pentru a descărca ceva încărcat din zona media a WordPress, va trebui să corectați și acele adrese. Prin urmare, doar repetați anterior Găsiți și înlocuiți textul blocați cu prima zonă de text care conține \ și a doua zonă de text care conține .


titlurile

Ultimul lucru pe care trebuie să fie fixat este titlul. Tuts + necesită ca toate titlurile să fie incluse în titlu. Dar nu toate cazurile de titlu sunt aceleași. Există o mică aplicație web pentru a face caseta de titlu pentru anteturi proiectată special pentru articolele Tuts +. Examinarea codului JavaScript arată că este de dorit ca următoarele cuvinte să fie întotdeauna litere mici: a, a, și, ca, la, dar, de, pentru, dacă, în, de, pe, sau, față, vs, vs, și. Cu excepția cazului în care oricare dintre acestea este primul cuvânt dintr-un titlu, acesta trebuie să fie capitalizat.


Rezolvarea cazului titlului: expresie regulată

Selectați un Dacă se potrivește textul blocați-o și trageți-o în centru, ca mai sus. În caseta text, plasați acest șir de expresii regulate \\> (.) \<\/h2\>. Acest lucru se va potrivi cu fiecare setați tag-ul și treceți-l la următorul bloc. Va face acest lucru pentru fiecare linie care se potrivește. Seteaza Grupa de captură a meciurilor: la $ de 1. Acest lucru va trimite doar textul în interiorul etichetelor către curățitorul (e) din interiorul blocului și va pune rezultatele înapoi între etichetele antetului. Aceasta este o mulțime de muncă făcut ușor! Nu uitați să setați opțiunile pentru a ignora cazul.

Apoi, apucați a Titlul cu Opțiuni blocați și trageți-l spre mijloc între Dacă se potrivește textul bloc și end condițional bloc. Din moment ce lista implicită pentru a face mici este aceeași ca și aplicația web, atunci nu trebuie adăugat nimic. Mai presus de toate, este suficient de inteligent pentru a vă asigura că primul cuvânt este întotdeauna capitalizat, indiferent de ce cuvânt este. Dacă un alt cuvânt trebuie să fie cu litere mici, atunci acesta poate fi adăugat la caseta de text mare de sub Implicit: a, ... . Dacă doriți să setați unele acronime pentru a nu fi schimbate, le puteți plasa în a doua casetă de text mare sub Implicit: AT & T ... . Am adăugat HTML CSS PHP pentru că acestea ar trebui să fie întotdeauna cu majuscule.

Tratați: versus vs v. Ca cuvinte mici trebuie să fie verificată.


rezumat

Acum aveți un program de curățare TextSoap care va lua orice text Markdown și îl va converti în HTML care poate fi inserat direct în WordPress pentru publicare. Nu mai sunt necesare ajustări. Acum este destul de ușor să lucrați numai în Markdown și să-l inserați în WordPress doar pentru a publica.

De exemplu, am scris acest articol în Sublime Text folosind Markdown, am copiat textul în clipboard, am folosit fluxul de lucru TextSoap Alfred pentru a rula acest program de curățare pentru a transforma Markdown în HTML în clipboard, a lipi rezultatele în WordPress și a încărcat fotografiile mele. Este atât de simplu!

Un cuvânt de precauție: inserați codul HTML în Text fișierul editorului WordPress!

Ați creat orice unic de curățare TextSoap? Anunță-mă în comentariile!