Când am văzut un tweet despre a Fără mod editor de text, a trebuit să urmăresc asta. Textwell este Fără mod în sensul că nu există nimic de salvat.
Textwell este un program foarte util pentru a avea în jur. Acesta este ultimul tampon de zgârieturi pentru Mac sau orice dispozitiv iOS.
În acest tutorial, vă voi arăta cum să faceți acțiuni Textwell pentru a-și extinde funcționalitatea. Prima acțiune va fi un simplu convertor de case de titlu. A doua acțiune va demonstra puterea Textwell a efectua raking pe web sarcini.
Textwell, editorul fără moduriEste o aplicație simplă, minimalistă care acționează ca un tampon de scriere, furnizând intrarea pentru utilizatorul creat acţiuni. Nu o salvezi niciodată, dar păstrează o istorie - de până la un an - de schimbări în tampon.
Istoric și panouri de acțiuniistorie și acţiuni panourile pot fi deschise sau închise în funcție de nevoile dvs. În acest tutorial, vă voi arăta cum să creați propria voastră acţiuni pentru a automatiza editarea textului.
O acțiune în Textwell este unele HTML și JavaScript. HTML-ul definește intrarea grafică pentru a obține mai multe informații de la utilizator dacă este necesar și JavaScript îndeplinește sarcinile necesare.
Selectarea unei noi acțiuniPentru a crea o acțiune nouă, faceți clic dreapta pe una dintre acțiuni și selectați Noua acțiune din meniul drop-down.
Editați dialogul de acțiuneAcest lucru va aduce un gol Editați acțiunea dialog. Caseta de sus este pentru titlul acțiunii. Cutia inferioară mai mare este pentru introducerea codului HTML și JavaScript pentru acțiune. În partea stângă a căsuței titlului este un selector pentru schimbarea pictogramei pentru a reprezenta tipul de editare pe care o va efectua acțiunea.
Există două butoane radiale în mijloc: A confirma și Translucid. Dacă A confirma este activă, utilizatorul trebuie să confirme alegerea lor înainte de efectuarea acțiunii. Translucid setarea spune Textwell dacă zona de script conține doar cod JavaScript (Translucent selectat) sau o pagină Web HTML cu JavaScript încorporată (Translucent unselected).
Cand Translucid este selectată și o acțiune efectuată, un spinner este în mijloc, cu totul în zona textului estompat. Cand Translucid nu este selectată și se efectuează o acțiune, indiferent de aspectul HTML din zona de afișare.
Caseta din dreapta paginii Translucid butonul radial este pentru setarea unei taste rapide pentru acțiune. Acest lucru este minunat pentru că nu trebuie să părăsiți tastatura, dar aveți grijă. Prea multe taste fierbinți în sistemul tău pot fi în cale.
Butonul de deasupra zonei de editare vă permite să setați ceea ce veți edita: codul sau descrierea codului. Cu codul selectat, puteți executa codul cu butonul din partea de jos a dialogului.
Pentru a crea acțiunea de titlu, creați o acțiune nouă cu titlul Titlul cauzei. Porniți radioul Translucent și introduceți în zona de script următoarele coduri:
// // Funcție: TitleCase // // Descriere: Această funcție are un șir și o transformă în titlu. Titlul cazului // este determinat de un dicționar de cuvânt cu majuscule și de un cuvânt cu litere mici // dicționar de cuvinte. // function TitleCase (str) // // Obțineți șirul de conversie și împărțiți-l pe spații. // var cuvinte = str.split (""); // Mărimea cuvintelor care ar trebui să fie întotdeauna mici, cu excepția cazului în care este primul cuvânt // al titlului. // var inferior = ["la", "an", "și", "la", "ca", " "sau", "este", "cu", "a", ",", "de", "vs", "vs", "via", "via", "en"]; // Spectrul de cuvinte care ar trebui să fie întotdeauna toate majuscule. // var superior = ["I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX", "X" "CSS", "AT & T", "PHP"]; // Pentru fiecare cuvânt din titlu. // pentru (var i = 0; i < words.length; i++) // // Assume the word is not in the upper case or lower case arrays. // var upit = false; var lowit = false; var word = words[i]; // // Loop through every word in the lower case array. // for (var j = 0; j < lower.length; j++) if (word.toLowerCase() == lower[j]) // // It matches. Make sure the word in the array is the same. // Set the up flag as true. // word = lower[j]; lowit = true; // // Loop through every word in the upper case array. // for (var j = 0; j < upper.length; j++) if (word.toUpperCase() == upper[j]) // // It matches. Make sure the word is the array is the same. // Set the low flag to true. // word = upper[j]; upit = true; // // If the word was not in the upper or lower array, then do a normal // title case conversion. This makes the first letter upper case and all // the other letters lower case. // if ((!upit) && (!lowit)) word = word.charAt(0).toUpperCase() + word.substr(1).toLowerCase(); // // Finally, set the word. // words[i] = word; // // Make sure the first word is title case! // words[0] = words[0].charAt(0).toUpperCase() + words[0].substr(1).toLowerCase(); // // Return the Title by joining all the words with a space. // return words.join(" "); // // Get the selected string from Textwell. // var str = T.selectedText; // // See if some text was selected or not. // if(str == "") // // No text selected. Get everything in Textwell. // str = T.whole // // Convert it to titlecase. // str = TitleCase(str); // // Replace everything in Textwell with the result. // T('replace', text: str ); else // // Convert the selected text to title case. // str = TitleCase(str); // // Insert the converted text. This will replace the selected // text. // T('insert', text: str );
Prima funcție este TitleCase ()
funcţie. Aceasta este o traducere completă a aceleiași rutine scrise în Merge în celălalt tutorial Începeți dezvoltarea cu Go pe Mac.
După definirea funcției, T.selectedText
variabila primește textul selectat din Textwell dacă există. Dacă nu a existat o selecție, T.whole
variabilă oferă tot textul. T
variabila este un obiect JavaScript care Textwell creează pentru utilizare toate acțiunile. Complet Textwell API descrie fiecare funcție disponibilă.
Odată ce șirul este determinat, acesta este analizat folosind TitleCase ()
funcţie. Dacă șirul a fost o selecție, rezultatele sunt inserate cu T ("inserați", text: str);
funcţie. Dacă șirul a fost tot în buffer, textul din Textwell se înlocuiește cu T ("înlocuiți", text: str);
funcția de apel.
Dacă nu doriți să copiați tot textul, nu vă faceți griji. Este în fișierul de descărcare sau îl puteți încărca direct în Textwell cu acest link: Acțiune Titlu Case Textwell.
Puteți crea un link pentru a încărca orice Textwell acțiune prin selectarea acțiunii și apoi a Generați o legătură pentru partajare meniul de submeniu al principalului Acțiune meniul. Acesta este un mod la îndemână de a vă împărtăși acțiunile cu alții.
titlu de acțiune este un exemplu simplu de ceea ce Textwell pot face. Pentru a arăta puterea Textwell, Îți arăt cum să faci Răsturnarea pe web.
Răsturnarea pe web este tragerea de informații dintr-o pagină web, descifrarea ceea ce trebuie îndepărtată și doar utilizarea unei părți a paginii. Locuiesc în Thailanda și întotdeauna trebuie să convertesc bani de la dolari SUA la bahturi thailandeze. Acest acțiune automatizează acest proces.
Creaza un nou acțiune, dar de data aceasta a setat Translucid radial la off. Eu o numesc pe asta Convertor valutar. Introduceți următorul cod în zona de script:
Rate de schimb
- Thai Baht cu US $
- US $ la Thai Baht
Cantitate:Data:Se incarca…
Aceasta este o pagină web completă. Începe cu eticheta html, o etichetă de antet cu tot stilul pentru elementele corpului și o etichetă corporală. Eticheta antetului are, de asemenea, o referință pentru a încărca biblioteca jQuery JavaScript.
Deoarece această acțiune vizează descărcarea de informații de pe web, este sigur să presupunem că este disponibilă o conexiune web. Organismul descrie unele etichete pentru câmpurile de introducere a datelor și div pentru spinner.
Conversia are loc în eticheta scriptului de la capătul zonei de etichetare a caroseriei. În această etichetă de script există trei părți: obținerea textului fie din selecție, fie din întreg documentul, funcția pentru obținerea cursului de schimb și legarea funcției de cele două intrări de butoane din corpul paginii.
Prima secțiune primește textul în același mod ca și acțiunea Titlu de caz. Majoritatea acestor aspecte constau în găsirea formatului textului și prelucrarea acestuia în cele două variabile: Data și Cantitate.
Elementele de interes sunt în requestExchangeRate ()
funcţie. Această funcție începe cu utilizarea jQuery pentru a porni rotița. T.request ();
Funcția Textwell solicită informații de pe site-ul web specificat. Această funcție acceptă o structură JSON cu trei elemente: adresa URL a site-ului web, tipul de solicitare HTTP de efectuat și o funcție de apel invers. Funcția de apel invers devine textul site-ului web în adresa URL. Când este apelat, funcția de apel invers utilizează jQuery pentru a obține textul celui de-al treilea element al tabelului #ratesTable
element. Acest element conține cursul de schimb necesar.
Dacă rezultatul căutării jQuery este nul, variabila ratei conține Nu este o valoare. În caz contrar, variabila ratei se înmulțește cu suma și se întoarce la Textwell folosind T ( 'înlocui', )
sau T ( 'insera', )
, în funcție de faptul că textul preluat a fost întregul text sau o selecție din Textwell.
Tine minte, Textwell se așteaptă valori de text în structura JSON.
Cu codul în vigoare, puteți testa acum această acțiune.
Multiplicatorul și data sunt pregătite pentru conversia prin schimbPentru a executa acțiunea, introduceți fie: multiplicator și dată, doar o dată, doar un multiplicator sau nimic. Acțiunea va analiza și o va afișa.
Alegerea tipului de conversieDacă a analizat greșit, schimbați-l aici sau apăsați tasta de evacuare pentru a ieși din acțiune. Dacă vă place cum a analizat intrarea, selectați tipul de schimb pe care îl doriți: Thai Baht până la dolarul american sau dolarul american în Thai Baht.
Când selectați una, rotița va apărea în partea de jos a paginii. Acțiunea face acum obținerea paginii web pentru rata de conversie și extragerea ratei de schimb necesare.
Rezultate după conversieCând ați terminat, acțiunea va înlocui textul anterior cu rata de schimb selectată înmulțită cu multiplicatorul (sau cu unul dacă un multiplicator nu a fost dat).
Dacă doriți valute diferite, este simplu să schimbați programul pentru el. Cursurile de schimb provin de pe site Exchange-Rates.org.
Puteți încărca această acțiune în Textwell cu acest link: Convertor valutar. Acesta este, de asemenea, în fișierul de descărcare pentru acest tutorial.
Pentru a le folosi Textwell chiar mai ușor, am creat un flux de lucru Textwell pentru Alfred. Odată ce l-ați instalat Alfred și alocate tastele fierbinți, veți putea selecta textul, apăsați tasta rapidă pentru a copia Textwell, editați textul și apăsați tasta rapidă pentru a plasa textul înapoi în aplicația originală. Îmi ajută fluxul de lucru în fiecare zi.
Multe lucruri pot fi realizate cu Textwellacțiunile lui. V-am arătat cum să utilizați HTML simplu și JavaScript pentru a crea acțiuni utile.
Acum că știi cum să le faci, dă-i drumul și creează ceva interesant. Nu uitați să le împărțiți și altora.