TextSoap er et uvurderlig verktøy som jeg finner stadig mer nyttig. Den leveres med spesielle tekstrensere - små rutiner for behandling av tekst.
I denne opplæringen vil jeg introdusere TextSoap og lage en egendefinert tekstrenser for behandling av en artikkel skrevet i Markdown for å gjøre den klar for å legge til WordPress.
Når jeg skriver, liker jeg å se ordene. Når du skriver på nettet, trenger du ofte en type oppskrift for å stile teksten. Heldigvis er det Markdown å markere teksten, men ikke skjule teksten.
Mange innholdsstyringssystemer, eller CMS, som WordPress, godtar ikke markdown direkte. Derfor er det mye oversette, legge til og andre oppgaver som kreves for å få teksten klar for publisering. Det kan være et tidkrevende rot. Spesielt hvis du må gjøre det ofte.
Mens jeg jobbet på noen artikler, for Tuts + bestemte jeg meg for å automatisere tekstkonverteringsprosessen. Det er hvor kraften til TextSoap skinner virkelig.
Når du starter TextSoap, vil du bli presentert med hovedskjermbildet.
Den inneholder arbeidsområdet til venstre, og listen over tekstrensere til høyre. Hvis du allerede har ting i utklippstavlen, blir den automatisk plassert i arbeidsområdet.
trykk Rediger Cleaners for å åpne den egendefinerte renereeditoren. Dette er arbeidsområdet for å skape en tilpasset rengjøringsmiddel. Det vil vise innholdet i den sist redigerte reneren. Som du kan se, har jeg mange tilpassede rengjøringsmidler.
Trykk på + knappen nederst til venstre vil skape en ny renere. Navngi det Markdown til artikkelen. Det neste trinnet er å skape renere. Midtområdet er listen over clearners som skal brukes. Det er for øyeblikket tomt, men ikke for lenge. Høyre side har alle tilgjengelige handlinger som du kan legge til reneren.
Du kan legge til handlinger ved å dra en fra listen til høyre til der du vil ha den i midten. Hver handling plassert i mellomområdet vil bli brukt en om gangen fra toppen av skjermen til bunnen. Derfor, hver gang den behandler en blokk i rengjøringen, går den faktisk helt gjennom hele teksten.
Det gule området under det midtre arbeidsområdet er for å legge til kommentarer. Når du legger til en renere i mellomområdet, kan du legge til en mer lesbar beskrivelse av hva du gjør med den reneren. Dette gjør det enklere å følge rengjøringen og redigere den i fremtiden!Siden hver blokk går gjennom hver tekstlinje som skal behandles, jo flere blokker du bruker i renere, jo lengre vil rengjøringsprosessen ta. Derfor er det best å holde antall blokker til et minimum som er nødvendig.
Det første du må gjøre er å konvertere markdown-teksten til HTML. Se på listen over rengjøringsmidler på høyre side. Rett over listen er en søkeboks. Type merke og en renere vil dukke opp Markdown Text. Dra den til midtområdet. Det gjør det for å konvertere fra Markdown til HTML.
Den renere, produserer dessverre ikke det eksakte formatet av HTML som trengs. Det er hva resten av reneren skal gjøre.
Siden WordPress ikke vil at du skal sette inn avsnittetiketter, må de fjernes. Dra Regex Søk og erstatt tekst renere til midten like etter Markdown Text blokkere. I den første tekstboksen plasserer du det som blir søkt: \<[/]*p\>. Dette er et vanlig uttrykk for å oppdage et åpnings- eller lukkede avsnittetikett. Den andre tekstboksen er hva du skal erstatte den tilsvarende strengen. Bare la det være tomt for å slette kodene.
Tips: Hvis du ikke er trygg på regelmessige uttrykk, les en av Du vet ikke noe om regelmessige uttrykk: en komplett guide.Hver Regex Søk og Erstatt blokk må settes til å ignorere saken. Derfor klikker du på alternativer knapp og sjekk ignorere saken. Du vil se en Jeg plassert like etter knappen.
Deretter må alle figurtakene ha tutorial-bilde klassen assosiert med den. Så, få en annen Regex Søk og erstatt tekst og plasser den under den siste. I den første tekstboksen, plasser \. I den andre tekstblokken plasseres . Ikke glem å ignorere saken!
Skriftstandarden for Tuts + er å ha a
Markdown-omformeren vil alltid sette en ID-kode i topptekstmerket. Men standarden sier ingen ID-er! De må gå. Igjen, få en Regex Søk og erstatt tekst blokkere med ] *>
i finn tekstfeltet og
i erstatte tekstfeltet. Dette vil søke etter hver
Når du laster opp bilder i WordPress, plasserer den alltid dem i en bestemt katalogplassering, et firesifret år og en tosifret måned før navnet på den aktuelle filen. Siden det alltid er en forutsigbar plassering, kan et søk og erstatning brukes til å sette opp dette. Før du gjør tekstrensingen, må du sørge for å angi år og måned riktig for når du lastet opp bildene til artikkelen.
Denne gangen, plasser a Finn og erstatt tekst i den midterste delen med det første tekstfeltet som inneholder . Dette finner i utgangspunktet en bildemerke og erstatter alt før filnavnet med den riktige webbanen til filen.
Det er ett problem med denne implementeringen: Måneden og året må endres hver gang måneden og / eller året endres for artiklene dine. Siden TekstSoap ikke har et dynamisk minnesystem, må det endres manuelt hver gang.
Når du har en ankermerke for å laste ned noe lastet fra medieområdet til WordPress, må du rette opp disse adressene også. Derfor bare gjenta det forrige Finn og erstatt tekst blokkere med det første tekstområdet som inneholder \
og det andre tekstområdet som inneholder .
Det siste som trenger fast er titlene. Tuts + krever at alle titlene skal være tittelkassert. Men ikke alle tittelsaker er de samme. Det er en liten webapp for å lage topptekst-tittelsettet designet spesielt for Tuts + artikler. Undersøkelse av JavaScript-koden viser at det er ønskelig at følgende ord alltid skal være små bokstaver: a, en, og, som, på, men, av, for, om, i, av, eller, til, vs, vs, og via. Unntatt når noen av disse er det første ordet i en tittel, må det aktiveres.
Velg en Hvis tekst samsvarer blokkere og dra den til senteret som ovenfor. I tekstboksen, plasser denne vanlige uttrykkstrengen \
. Dette vil samsvare med hver tag sett og send det til neste blokk. Det vil gjøre dette for hver linje som passer. Sett Match opptak gruppe: til $ 1. Det vil bare sende teksten inne i merkene til rengjøreren (e) i blokken og legge resultatene tilbake mellom topptekstene. Det er mye arbeid gjort enkelt! Husk å angi alternativene for å ignorere saken.
Deretter ta en Tittel Case med alternativer blokkere og dra den til midten mellom Hvis tekst samsvarer blokkere og slutten betinget blokkere. Siden standardlisten for å lage små er det samme som webapplikasjonen, må ingenting legges til. Best av alt, det er smart nok til å sørge for at det første ordet alltid er kapitalisert, uansett hvilket ord det er. Hvis et annet ord må være små bokstaver, kan det legges til den store tekstboksen under Standard: a, ... . Hvis du vil angi noen akronymer for ikke å bli endret, kan du plassere dem i den andre store tekstboksen under Standard: AT & T ... . jeg har lagt til HTML CSS PHP fordi de alltid skal være helt store.
De Behandle: vs vs v v. Som små ord må kontrolleres.
Nå har du en TextSoap-renere som vil ta noen Markdown-tekst og konvertere den til HTML som kan limes direkte inn i WordPress for publisering. Ingen flere tilpasninger nødvendig. Det er nå lett nok å jobbe bare i Markdown og lim det inn i WordPress bare for å publisere.
For eksempel skrev jeg denne artikkelen i Sublime Text ved hjelp av Markdown, kopierte teksten til utklippstavlen, brukte min TextSoap Alfred-arbeidsflyt for å kjøre denne reneren for å konvertere Markdown til HTML i utklippstavlen, klistret resultatene inn i WordPress, og lastet opp bildene mine. Det er så enkelt!
Et ord med forsiktighet: Lim inn HTML-koden din i Tekst fanen i WordPress-editoren!
Har du opprettet noen unike TextSoap rengjøringsmidler? Gi meg beskjed i kommentarene!