Quand j'ai vu un tweet à propos d'un modèle éditeur de texte, je devais suivre cela. Textwell est modèle en ce qu'il n'y a rien à sauver.
Textwell est un programme très pratique à avoir. C'est le bloc-notes ultime pour Mac ou tout autre appareil iOS..
Dans ce tutoriel, je vais vous montrer comment faire des actions pour Textwell d'étendre ses fonctionnalités. La première action sera un simple convertisseur de cas de titre. La deuxième action démontrera le pouvoir de Textwell effectuer ratissage Web les tâches.
Textwell, l'éditeur sans modeC'est une application simple et minimaliste qui agit comme un tampon d'écriture, fournissant l'entrée pour l'utilisateur créé actes. Vous ne le sauvegardez jamais, mais il conserve un historique - jusqu'à un an de modifications apportées à ce tampon.
Panels Histoire et Actionsle l'histoire et actes les panneaux peuvent être ouverts ou fermés selon vos besoins. Dans ce tutoriel, je vais vous montrer comment créer votre propre actes automatiser votre édition de texte.
Une action dans Textwell est un peu HTML et JavaScript. Le HTML définit l'entrée graphique pour obtenir plus d'informations de l'utilisateur si nécessaire, et JavaScript effectue les tâches nécessaires..
Sélection d'une nouvelle actionPour créer une nouvelle action, faites un clic droit sur l’une des actions et sélectionnez Nouvelle action du menu déroulant.
Editer le dialogue d'actionCela fera apparaître un blanc Modifier l'action dialogue. La case du haut correspond au titre de l'action. La zone inférieure la plus grande sert à saisir le code HTML et le code JavaScript de l'action. À la gauche de la zone de titre se trouve un sélecteur permettant de changer l'icône pour représenter le type de modification que l'action effectuera..
Il y a deux boutons radiaux au milieu: Confirmer et Translucide. Si Confirmer est actif, l'utilisateur doit confirmer son choix avant que l'action soit effectuée. le Translucide réglage dit Textwell si la zone de script contient uniquement du code JavaScript (Translucent sélectionné) ou une page Web HTML avec JavaScript incorporé (Translucent non sélectionné).
Quand Translucide est sélectionné et une action exécutée, une visionneuse est au milieu avec tout ce qui est grisé dans la zone de texte. Quand Translucide n'est pas sélectionné et une action est effectuée, quel que soit le rendu HTML dans la zone d'affichage.
La case à droite de la Translucide bouton radial est pour définir un raccourci clavier pour l'action. C'est génial pour ne pas avoir à quitter le clavier, mais soyez prudent. Trop de raccourcis clavier dans votre système peuvent vous gêner.
Le bouton au-dessus de la zone d'édition vous permet de définir ce que vous allez éditer: le code ou la description du code. Avec le code sélectionné, vous pouvez exécuter le code avec le bouton en bas du dialogue.
Pour créer l'action de casse de titre, créez une nouvelle action avec le titre Titre Title. Activez la radiale translucide et insérez le code suivant dans la zone de script:
// // Fonction: TitleCase // // Description: Cette fonction prend une chaîne et la convertit en casse du titre. Titre case // est déterminé par un dictionnaire de mots en majuscules et un dictionnaire de lettres en minuscules. // function TitleCase (str) // // Récupère la chaîne à convertir et la scinde par des espaces. // mots var = str.split (""); // // Le tableau de mots qui doit toujours être en minuscule, sauf s'il s'agit du premier mot // du titre. // var lower = ["à", "un", "et", "à", "comme", "mais", "par", "pour", "si", "dans", "sur", "ou", "est", "avec", "un", "le", "de", "vs", "vs.", "via", "via", "en"]; // // Le tableau de mots qui doit toujours être en majuscule. // var upper = ["I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX", "X", "HTML", "CSS", "AT & T", "PHP"]; // // Pour chaque mot du titre. // pour (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 );
La première fonction est la TitleCase ()
une fonction. Ceci est une traduction complète de la même routine écrite en Aller dans mon autre tutoriel Commencez à développer avec Go sur le Mac.
Après avoir défini la fonction, le T.selectedText
variable obtient le texte sélectionné de Textwell si seulement. S'il n'y avait pas de choix, le T.whole
variable donne tout le texte. le T
variable est un objet JavaScript qui Textwell crée pour toutes les actions à utiliser. Le complet API Textwell décrit chaque fonction disponible.
Une fois la chaîne déterminée, elle est analysée à l'aide du TitleCase ()
une fonction. Si la chaîne était une sélection, les résultats sont insérés avec le T ('insert', text: str);
une fonction. Si la chaîne était tout dans le tampon, le texte dans Textwell est remplacé par le T ('remplacer', text: str);
appel de fonction.
Si vous ne voulez pas copier tout ce texte, ne vous inquiétez pas. Il se trouve dans le fichier à télécharger ou vous pouvez le charger directement dans Textwell avec ce lien: Titre Case Textwell Action.
Vous pouvez créer un lien pour charger tout Textwell action en sélectionnant l'action, puis la Générer un lien pour partager entrée de sous-menu du menu principal action menu. C'est un moyen pratique de partager vos actions avec d'autres.
le action en titre est un exemple simple de ce que Textwell peut faire. Montrer le pouvoir de Textwell, Je vais te montrer comment faire Ratissage Web.
Ratissage Web est l'extraction des informations d'une page Web, le déchiffrement de ce qu'il faut supprimer, et l'utilisation d'une partie de la page. Je vis en Thaïlande et j'ai toujours besoin de convertir de l'argent en dollars américains en bahts thaïlandais. Ce action automatise ce processus.
Créer un nouveau action, mais cette fois mis la Translucide radial à off. J'appelle celui-ci Convertisseur de devises. Placez le code suivant dans la zone de script:
Taux d'échange
- Baht thaïlandais à US $
- USD en Baht thaïlandais
Montant:Rendez-vous amoureux:Chargement…
Ceci est une page web complète. Cela commence par la balise html, une balise d’en-tête avec tout le style des éléments du corps et une balise du corps. La balise d’entête contient également une référence pour charger la bibliothèque JavaScript jQuery..
Étant donné que cette action concerne la récupération d'informations sur le Web, il est prudent de supposer qu'une connexion Web est disponible. Le corps décrit quelques étiquettes pour les champs de saisie de données et une div pour le compteur..
La conversion a lieu dans la balise de script à la fin de la zone de balise body. Dans cette balise de script, il existe trois parties: obtenir le texte de la sélection ou du document entier, la fonction permettant d’obtenir le taux de change et la liaison de la fonction aux deux entrées de bouton dans le corps de la page..
La première section obtient le texte de la même manière que l'action Title Case. La majorité de ceci consiste à déterminer le format du texte et à le transformer en deux variables: rendez-vous amoureux et montant.
Les points d’intérêt sont dans la requestExchangeRate ()
une fonction. Cette fonction commence par l’utilisation de jQuery pour activer le compteur. le T. demande ();
La fonction Textwell demande des informations au site Web spécifié. Cette fonction accepte une structure JSON avec trois éléments: l'URL du site Web, le type de requête HTTP à exécuter et une fonction de rappel. La fonction de rappel récupère le texte du site dans l'adresse URL. Lorsqu’elle est appelée, la fonction de rappel utilise jQuery pour obtenir le texte du troisième élément de la table. #tatsTable
élément. Cet élément contient le taux de change nécessaire.
Si le résultat de la recherche jQuery est null, la variable rate contient Pas une valeur. Sinon, la variable de taux est multipliée par le montant et renvoyée à Textwell en utilisant le T ('remplacer', )
ou T ('insérer', )
, selon que le texte récupéré était le texte entier ou une sélection de Textwell.
Rappelles toi, Textwell attend des valeurs de texte dans la structure JSON.
Avec le code en place, vous pouvez maintenant tester cette action.
Multiplicateur et date prête pour la conversion ExchangePour exécuter l'action, entrez soit: multiplicateur et date, juste une date, juste un multiplicateur ou rien du tout. L'action va l'analyser et l'afficher.
Type de conversion de prélèvementSi cela a mal fonctionné, changez-le ici ou appuyez sur la touche échap pour sortir de l'action. Si vous aimez la façon dont il a analysé les entrées, sélectionnez le type d'échange souhaité: Baht thaïlandais contre dollar américain ou Dollar américain contre Baht thaïlandais.
Lorsque vous en sélectionnez un, le bouton fléché apparaît au bas de la page. L'action récupère maintenant la page Web du taux de conversion et extrait le taux de change nécessaire.
Résultats après conversionUne fois l'opération terminée, l'action remplacera le texte précédent par le taux de change sélectionné multiplié par le multiplicateur (ou par un si aucun multiplicateur n'a été fourni)..
Si vous voulez différentes devises, il est simple de changer le programme pour cela. Les taux de change proviennent du site web Exchange-Rates.org.
Vous pouvez charger cette action dans Textwell avec ce lien: Convertisseur de devises. C'est également dans le fichier de téléchargement de ce tutoriel.
Pour faire en utilisant Textwell Encore plus facilement, j'ai créé un flux de travail Textwell pour Alfred. Une fois que vous l'avez installé dans Alfred et attribué les touches de raccourci, vous pourrez sélectionner du texte, appuyez sur la touche de raccourci pour copier vers Textwell, modifiez le texte et appuyez sur la touche de raccourci pour le remettre dans l'application d'origine. Cela aide chaque jour mon flux de travail.
Beaucoup de choses peuvent être accomplies avec TextwellLes actions de. Je vous ai montré comment utiliser du HTML et du JavaScript simples pour créer des actions utiles.
Maintenant que vous savez comment les fabriquer, allez-y et créez quelque chose d'intéressant. N'oubliez pas de les partager avec les autres.