Auto-Linkify Mots

ErikMH · Janvier 8, 2020, 4:51

Linkify fonctionne presque exactement comme je le souhaite :

/TBI\s*\W?(\d*)/,https://tbi.example.com/tbi/$1/

Cela couvre les « numéros TBI » saisis par les utilisateurs sous de nombreuses formes différentes :

TBI 17
TBI-17
TBI17
TBI -17
TBI*17
etc.

J’aime cette flexibilité.

Malheureusement, cela ne gère pas la manière canonique de saisir ces numéros :

TBI #17

Il semble que rien de ce que je puisse faire ne permette de faire correspondre correctement le # (dièse, antislash, signe dièse, octothorp, symbole de jeu de tic-tac-toe, signe de livre). J’ai essayé

/TBI\s*#?(\d*)/,https://tbi.example.com/tbi/$1/
/TBI\s*\#?(\d*)/,https://tbi.example.com/tbi/$1/

bien sûr, mais cela ne fonctionne pas ; même un joker complet ne fonctionne pas :

/TBI\s*.?(\d*)/,https://tbi.example.com/tbi/$1/

Il me semble que la fonctionnalité de menu contextuel de catégorie prend le relais et empêche Linkify de faire son travail de correspondance — même lorsque l’utilisateur ne choisit aucune des catégories proposées.

Est-ce un comportement attendu ou un bug ? Quelqu’un connaît-il un moyen de contourner ce problème ?

danekhollas · Janvier 8, 2020, 8:30

Oui, si vous inspectez le code source HTML, Discourse semble placer tout ce qui est précédé d’un dièse dans un élément span séparé, ce qui rompt le flux du thème linkify. Je ne pense pas qu’il y ait de solution facile pour cela, désolé. Vous devrez probablement bifurquer le thème et le personnaliser spécifiquement pour ce cas, à moins que quelqu’un n’ait une meilleure idée.

eextra · Janvier 9, 2020, 2:16

Ce plug fonctionne bien, merci. Cependant, il ne fonctionne pas en combinaison avec abrify.
Est-il possible que le lien fonctionne également avec la balise ajoutée par ce plugin :
GitHub - metabrainz/discourse-abbrify-words: Discourse theme component for automatically adding <abbr> to abbreviations and acronyms · GitHub.

danekhollas · Janvier 9, 2020, 2:50

Je pense que le problème vient du fait que le plugin abbrify ignore les balises lien par défaut. Vous pouvez essayer de le corriger en modifiant le code et en supprimant la ligne 16 dans head_tag.html :

'a': 1,

github.com/metabrainz/discourse-abbrify-words

common/head_tag.html

a6651cf1c


      
            let split = pair.split(",");
            words[split[0].toLowerCase()] = split[1];
          });
          
          if (!hasWords) {
            return;
          }
          
          // roughly guided by https://stackoverflow.com/questions/8949445/javascript-bookmarklet-to-replace-text-with-a-link
          let skipTags = {
            'a': 1,
            'abbr': 1,
            'iframe': 1,
            'code': 1,
            'pre': 1
          };
          
          let escapeRegExp = function(str) {
             return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
          }

Faites-moi savoir si cela a fonctionné ou si vous avez besoin de plus d’aide.

eextra · Janvier 9, 2020, 2:54

Cela semble fonctionner, merci beaucoup.

Au fait, est-ce que cela fait une différence si cela édite uniquement dans le modèle CSS/HTML au lieu de directement depuis GitHub ?

danekhollas · Janvier 9, 2020, 3:05

Oui, vous devez faire attention lors de la mise à jour du composant de thème depuis GitHub, car cela écrasera vos modifications locales dans le CSS/HTML.

eextra · Janvier 9, 2020, 3:11

Merci, je me demande s’il est possible de faire la même chose, mais en ajoutant une classe différente à la place de l’attribut abriffy, par exemple dfn data-info ou span aria-label ou un autre de ce type

par exemple pour jouer avec le contenu : attr()

danekhollas · Janvier 9, 2020, 3:18

Oui, tout à fait. Tu peux essayer de jouer avec la fonction createAbbr (ou avec la fonction correspondante dans le thème linkify)

github.com/metabrainz/discourse-abbrify-words

common/head_tag.html

a6651cf1c


      
          
          let escapeRegExp = function(str) {
             return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
          }
          
          let keys = Object.keys(words).sort((x,y) => y.length - x.length);
          
          let escapedWords = "((" + keys.map(w => escapeRegExp(w)).join(")|(") + "))";
          let regex = new RegExp("(\\W|^)" + escapedWords + "(\\W|$)", "ig");
          
          let createAbbr = function(text) {
              let lower = text.toLowerCase();
              let title = words[lower];
              var abbr = document.createElement('abbr');
              abbr.innerHTML = text;
              abbr.title = title;
              abbr.className = 'abbrify-word';
              return abbr;
          };
          
          let autoabbr = function(text) {

eextra · Janvier 9, 2020, 3:30

Vraiment bien. Je vais devoir y jouer un peu.
Je suppose qu’il y a beaucoup de possibilités ici. Avez-vous une idée de la façon d’utiliser JSON et l’API d’une certaine manière ?

Par exemple, pour pouvoir afficher des mots abréviés et d’autres données sur WordPress via l’API ?

danekhollas · Janvier 9, 2020, 3:43

Je ne suis pas sûr de ce que vous voulez dire. Pourriez-vous être plus précis sur ce que vous essayez d’accomplir ? Les composants de thème s’exécutent dans Discourse, il n’existe pas d’API pour les utiliser ailleurs. Cependant, vous devriez, dans la plupart des cas, pouvoir utiliser le code JavaScript en le copiant simplement ailleurs et en modifiant les parties spécifiques à Discourse.

jrgong · Février 20, 2020, 12:42

Existe-t-il un moyen d’exclure le contenu des oneboxes de la création de liens ?

danekhollas · Février 20, 2020, 2:01

Vous pouvez essayer d’ajouter la balise <aside> dans les paramètres des balises ignorées. Bien que je ne sois pas certain que tous les oneboxes soient placés à l’intérieur de <aside>. Nous pourrions peut-être avoir besoin d’un filtre basé sur le nom de classe,

@sam, qu’en pensez-vous ? Cela semblerait être un comportement par défaut raisonnable (pas de lien automatique dans les oneboxes).

sam · Février 21, 2020, 12:28

Un paramètre de filtre basé sur les classes semble parfait ; par défaut, nous devrions exclure une boîte.

danekhollas · Février 23, 2020, 7:28

D’accord, je vais essayer de soumettre une PR la semaine prochaine.

cherrot · Février 24, 2020, 9:52

Bonjour, j’ai installé avec succès ce composant de thème pour mon thème par défaut Light aujourd’hui. Cependant, cela ne fonctionne pas pour moi.

J’ai essayé des expressions régulières et les mots liés par défaut (discourse et meta). Aucun des deux n’a fonctionné.

J’ai installé la version v2.3.0.beta2 +256. Avez-vous des conseils pour déboguer ce problème ? Merci d’avance

danekhollas · Février 28, 2020, 6:16

Nous avons récemment effectué un refactoring du code, et il est possible que vous deviez mettre à jour votre Discourse (ce qui est d’ailleurs pratique, puisque la version 2.4 vient tout juste d’être publiée )

danekhollas · Mars 10, 2020, 4:50

La fonctionnalité de liaison automatique dans les oneboxes devrait désormais être désactivée par défaut. @jrgong Pourriez-vous mettre à jour votre thème et l’essayer ?

github.com/discourse/discourse-linkify-words

FEATURE: New excluded classes setting. (#16)

master ← danielhollas:excluded_classes

merged 03:20PM - 10 Mar 20 UTC

danielhollas

+29 -10

As per user request on meta: https://meta.discourse.org/t/linkify-words-in-post/…82193/160?u=danekhollas By default, we will not autolink inside oneboxes. The easiest way to test this is in quotes, by adding `quote` as an excluded class. ![image](https://user-images.githubusercontent.com/9539441/75583097-46900480-5a6d-11ea-8a59-285350fdf07c.png) FYI @SamSaffron

tomtjes · Avril 14, 2020, 2:59

Il semble que cela n’ait pas été résolu ? Je pensais pouvoir créer une sauvegarde en exportant le composant depuis l’interface d’administration, mais l’export n’inclut pas les paramètres personnalisés.

Une idée : Et si le paramètre, avec toutes ses lignes, se transformait en zone de texte éditable au double-clic ? Similaire aux éditeurs Modifier CSS/HTML ? Cela faciliterait grandement la sauvegarde/exportation ainsi que l’importation d’une liste d’éléments, un élément par ligne.

Avant :

Au double-clic :

Sur un autre sujet : vous remarquerez peut-être certaines expressions régulières étranges, mais vous ne pouvez pas utiliser | dans ces champs de paramètres. Peut-être que cela pourrait être résolu avec la proposition ci-dessus.

eextra · Mai 29, 2020, 2:46

Re-bonjour mon pote ! Comment penses-tu transformer des mots/liens (via le plugin linkify/abrify) en image(s) ?

danekhollas · Mai 29, 2020, 3:04

Probablement pas possible avec le plugin actuel, mais cela ne devrait pas être difficile de modifier le plugin pour générer des balises au lieu de .

Sujet		Réponses	Vues
Add <abbr> tags to words in posts Theme component	26	8353	Octobre 5, 2023
In-line topic search-and-linking, e.g. Roam-like bracket links Feature	18	1913	Août 9, 2022
Start a topic by pasting a link (like Reddit) Announcements new-feature , featured-link	75	11972	Mars 27, 2017
How can I enable: Auto-hyperlinking text to reference to other posts? Support	5	1053	Mars 28, 2023
Auto-replace text with link to topic Support	3	2747	Janvier 17, 2022

Auto-Linkify Mots

Sujets connexes