TextSoap è un'utilità inestimabile che trovo sempre più utile. Viene fornito con detergenti speciali per il testo: piccole routine per l'elaborazione del testo.
In questo tutorial, presenterò TextSoap e creerò un pulitore di testo personalizzato per elaborare un articolo scritto in Markdown per renderlo pronto per l'aggiunta in WordPress.
Quando scrivo mi piace vedere le parole. Quando scrivi per il web, spesso hai bisogno di un qualche tipo di markup per modellare il tuo testo. Per fortuna, c'è Markdown per contrassegnare il testo, ma non nascondere il testo.
Molti sistemi di gestione dei contenuti, o CMS, come WordPress non accettano direttamente il markdown. Pertanto, ci sono molte traduzioni, aggiunte e altre attività richieste per rendere il testo pronto per la pubblicazione. Questo può essere un pasticcio che richiede tempo. Soprattutto se devi farlo spesso.
Mentre lavoravo su alcuni articoli, per Tuts +, ho deciso di automatizzare il processo di conversione del testo. Questo è il motivo per cui il potere di TextSoap brilla davvero.
Quando avvii TextSoap, ti verrà presentata la schermata principale.
Contiene l'area di lavoro sulla sinistra e l'elenco dei pulitori del testo sulla destra. Se si dispone già di materiale negli appunti, verrà automaticamente inserito nell'area di lavoro.
premi il Modifica detergenti per aprire l'editor del pulitore personalizzato. Questa è l'area di lavoro per creare un detergente personalizzato. Mostrerà il contenuto dell'ultimo pulitore modificato. Come puoi vedere, ho molti pulitori personalizzati.
Premendo il tasto + pulsante in basso a sinistra creerà un nuovo pulitore. Nominalo Markdown all'articolo. Il prossimo passo è creare il pulitore. L'area di mezzo è l'elenco dei clearner da applicare. Al momento è vuoto, ma non per molto. Il lato destro contiene tutte le azioni disponibili che è possibile aggiungere all'aspirapolvere.
Puoi aggiungere un'azione trascinandone una dall'elenco sulla destra fino al punto in cui vuoi che si trovi nel mezzo. Ogni azione posizionata nell'area centrale verrà applicata una alla volta partendo dalla parte superiore dello schermo verso il basso. Pertanto, ogni volta che elabora un blocco nel pulitore, in realtà passa completamente attraverso tutto il testo.
L'area gialla sotto l'area di lavoro centrale serve per aggiungere commenti. Quando aggiungi un pulitore nell'area centrale, puoi aggiungere una descrizione più leggibile di quello che stai facendo con quel detergente. In questo modo è più facile seguire l'addetto alle pulizie e modificarlo in futuro!Poiché ogni blocco passa attraverso ogni riga di testo da elaborare, più blocchi usi nel tuo pulitore, più lungo sarà il processo di pulizia. Pertanto, è meglio mantenere il numero di blocchi al minimo richiesto.
La prima cosa da fare è convertire il testo del markdown in HTML. Guarda l'elenco degli addetti alle pulizie sul lato destro. Proprio sopra l'elenco c'è una casella di ricerca. genere marchio e un pulitore apparirà Markdown Text. Trascina quello nell'area centrale. Questo lo fa per la conversione da Markdown in HTML.
Sfortunatamente, questo pulitore non produce il formato esatto di HTML necessario. Questo è ciò che farà il resto del pulitore.
Dal momento che WordPress non vuole che tu inserisca i tag di paragrafo, devono essere rimossi. Trascina il Registra Cerca e sostituisci testo pulitore nel mezzo subito dopo Markdown Text bloccare. Nella prima casella di testo, posiziona ciò che viene cercato: \<[/]*p\>. Questa è un'espressione regolare per rilevare un tag di paragrafo di apertura o chiusura. La seconda casella di testo è come sostituire la stringa corrispondente. Lascia vuoto per cancellare i tag.
Mancia: Se non sei sicuro delle espressioni regolari, leggi di Tu non sai nulla di espressioni regolari: una guida completa.Ogni Ricerca e sostituzione Regex il blocco deve essere impostato per ignorare il caso. Pertanto, fare clic su Opzioni pulsante e controllo ignorare il caso. Vedrai un io posto subito dopo il pulsante.
Successivamente, tutti i tag delle figure devono avere il Tutorial-immagine classe associata ad esso. Quindi, prendine un altro Registra Cerca e sostituisci testo e posizionarlo sotto l'ultimo. Nella prima casella di testo, posiziona \. Nel secondo blocco di testo, posiziona . Non dimenticare l'impostazione del caso ignore!
Lo standard di scrittura per Tuts + è avere a
Il convertitore di markdown inserirà sempre un tag ID nel tag header. Ma lo standard non dice ID! Devono andare. Ancora una volta, prendi un Registra Cerca e sostituisci testo bloccare con ] *>
nel campo di testo di ricerca e
nel campo di testo sostitutivo. Questo cercherà ogni
Quando carichi immagini in WordPress, le colloca sempre in una posizione specifica della directory, un anno a quattro cifre e un mese a due cifre prima del nome del file effettivo. Poiché si trova sempre in una posizione prevedibile, è possibile utilizzare una ricerca e una sostituzione per configurarlo. Prima di eseguire la pulizia del testo, assicurati di impostare l'anno e il mese in modo appropriato per quando hai caricato le immagini per l'articolo.
Questa volta, piazza a Trova e sostituisci testo nella sezione centrale con il primo campo di testo contenente . Questo trova fondamentalmente un tag immagine e sostituisce tutto il nome del file con il percorso web corretto per il file.
C'è un problema con questa implementazione: il mese e l'anno devono essere cambiati ogni volta che il mese e / o l'anno cambiano per i tuoi articoli. Poiché TextSoap non ha un sistema di memoria dinamica, deve essere modificato manualmente ogni volta.
Quando hai un tag di ancoraggio per scaricare qualcosa caricato dall'area multimediale di WordPress, dovrai correggere anche questi indirizzi. Pertanto, basta ripetere il precedente Trova e sostituisci testo bloccare con la prima area di testo contenente \
e la seconda area di testo contenente .
L'ultima cosa che deve essere corretta sono i titoli. Tuts + richiede che tutti i titoli siano coperti da titolo. Ma non tutti i casi di titolo sono uguali. C'è una piccola app web per creare la title case degli headers progettata specificamente per gli articoli di Tuts +. Esaminando il codice JavaScript si rivela che si desidera che le seguenti parole siano sempre in minuscolo: a, an, and, as, at, but, by, en, for, if, in, of, on, or, the, to, vs, vs. e via. Tranne quando una di queste è la prima parola in un titolo, allora deve essere in maiuscolo.
Seleziona un Se il testo corrisponde blocca e trascinalo al centro come sopra. Nella casella di testo, posiziona questa stringa di espressioni regolari \
. Questo corrisponderà a tutti tag set e passarlo al blocco successivo. Lo farà per ogni linea che corrisponde. Impostare il Abbina il gruppo di cattura: a $ 1. Ciò invierà solo il testo all'interno dei tag al / i pulitore / i all'interno del blocco e rimetterà i risultati tra i tag dell'intestazione. Questo è un sacco di lavoro reso facile! Ricorda di impostare le opzioni per ignorare il caso.
Quindi, prendi a Caso titolo con opzioni blocca e trascinalo al centro tra il Se il testo corrisponde blocco e il fine condizionale bloccare. Poiché l'elenco predefinito per la creazione di piccoli è uguale all'app Web, non è necessario aggiungere nulla. Meglio di tutti, è abbastanza intelligente da assicurarsi che la prima parola sia sempre in maiuscolo, non importa quale parola sia. Se un'altra parola deve essere minuscola, allora può essere aggiunta alla grande casella di testo sotto Predefinito: a, ... . Se si desidera impostare alcuni acronimi per non essere modificati, è possibile inserirli nella seconda casella di testo grande sotto Predefinito: AT & T ... . ho aggiunto HTML CSS PHP perché quelli dovrebbero sempre essere completamente in maiuscolo.
Il Trattare: vs vs v v. Come parole piccole deve essere controllato.
Ora hai un pulitore di TextSoap che prenderà qualsiasi testo Markdown e lo convertirà in HTML che può essere incollato direttamente in WordPress per la pubblicazione. Non sono necessarie ulteriori modifiche. Ora è abbastanza semplice lavorare solo su Markdown e incollarlo in WordPress solo per pubblicare.
Ad esempio, ho scritto questo articolo in Sublime Text utilizzando Markdown, copiato il testo negli appunti, utilizzato il flusso di lavoro di TextSoap Alfred per eseguire questo pulitore per convertire Markdown in HTML negli appunti, incollare i risultati in WordPress e caricare le mie immagini. È così semplice!
Una parola di cautela: incolla il tuo HTML nel Testo scheda dell'editor di WordPress!
Hai creato detergenti TextSoap unici? Fatemi sapere nei commenti!