Wörter automatisch verlinken

[Discourse]

Discourse verfügt über eine integrierte Funktion namens Watched Words, die die meisten Funktionen dieses Theme-Components replizieren kann. Erwägen Sie die Nutzung dieser Funktion, bevor Sie diesen Theme-Component installieren.

	Zusammenfassung	Auto-Linkify Words ermöglicht es Ihnen, bestimmte Wörter oder Muster in Ihren Beiträgen automatisch mit der gewünschten Ziel-URL zu verlinken.
	Repository-Link	https://github.com/discourse/discourse-linkify-words
	Neu bei Discourse-Themes?	Einsteigerleitfaden zur Verwendung von Discourse-Themes

Diesen Theme-Component installieren

Da dies ein von Discourse gepflegter official Theme-Component ist, können Support, Contribute > Bug, Contribute > UX und #contribute:feature-Anfragen in den entsprechenden Kategorien hier im Meta-Bereich gestellt und mit dem passenden Theme-Component-Tag versehen werden. Klicken Sie auf einen der unten stehenden Links, um ein neues Thema zu erstellen.

 Support  Bug  UX  Feature

Funktionen

Konfiguration

Konfigurieren Sie die Theme-Einstellungen im Format

WORT, https://ziel.url.com

oder unter Verwendung von regulären Ausdrücken (in JavaScript-Implementierung) im Format

/regex/, https://ziel.url.com

Ein Eintrag pro Zeile.

Verwendung von regulären Ausdrücken

Mit regulären Ausdrücken können Sie ein bestimmtes Muster einer einzelnen URL zuordnen. Dies ist nützlich für Synonyme oder Wörter, die in einem Satz verschiedene Formen annehmen können, usw.

Sie können die URL jedoch auch automatisch basierend auf dem übereinstimmenden Text generieren. Nehmen wir zum Beispiel an, Sie haben eine Liste von Produkten, von denen jedes eine eigene numerische ID hat, und Sie möchten diese automatisch mit ihren jeweiligen URLs verlinken. Mit

/product-([0-9]+)/, https://meinshop.com/product/$1

wird product-42 automatisch zu https://meinshop.com/product/42 verlinkt.
Beachten Sie die einfangenden Klammern in der regulären Expression und das $1 in der URL, das durch den Text innerhalb der Klammern ersetzt wird. Sie können auch mehrere Teile des Strings erfassen und $2, $3 usw. verwenden.

Reguläre Ausdrücke sind standardmäßig case-sensitive (im Gegensatz zu Wörtern, die case-insensitive sind). Sie können dies jedoch ändern, indem Sie den Standard-Modifikator „i“ verwenden:

/foo/i, https://example.com

In diesem Fall werden FOO, Foo und foo alle erkannt.

Funktionsweise in der Praxis

Einschränkungen

• Die Ersetzung wird nur in der Web-Benutzeroberfläche angezeigt und nicht in E-Mails.

Einstellungen

Name	Beschreibung
verlinkte Wörter
ausgeschlossene Tags
ausgeschlossene Klassen

Danksagung

Großer Dank an @Osama für die Erstellung der Theme-Einstellungen und an https://stackoverflow.com/questions/8949445/javascript-bookmarklet-to-replace-text-with-a-link für die Anleitung zur Implementierung.

Von uns gehostet? Theme-Components sind in unseren Standard-, Business- und Enterprise-Plänen verfügbar.

[8BIT]

fantastic, system-wide feature… was thinking about this just the other day!

[fellowshipforums]

Hi

First off, I’d just like to thank everyone for all the help provided to me over the past few weeks. I know I’ve been asking lots of questions - I am also a beginner to Discourse and coding in general, and the community here has been incredible.

I am wondering if it would be possible to add on a feature to this, which is very similar in nature. I think most of the functionality is built, my use case for this is slightly different however.

Would it be possible to have a box like this on a ‘Tags’ page, where the user can type in specific tag words manually, and it would create a customized url based on these words? For example, the image below would produce a url something like this: www.websitename.com/tags/word1/word2/word3. This would be a great feature for Tags Intersection, and would allow the user to specify the words in their intersection.

Thanks.

[8BIT]

seems to be not showing when you add it to a theme:

tried adding to default… but doesn’t seem to be working as intended:

[dax (Daniela)]

It is not a problem related to this specific theme, see:

https://meta.discourse.org/t/js-error-on-click-adding-a-theme-component/82313

[southpaw]

Sometimes one like is not enough. Office high-fives took place today as we thought through all the ways we could put this to use!

One question, though: Is the following a bug?

Most of my links are working, however urls that include appended parameters are failing.

For example, I want to use this link:
https://republicwireless.com/shop/phones/moto-x4/?icid=phones-cta-forums-moto-x4-post

but when it is created from linkified words, clicking it results in:
https://forums.republicwireless.com/clicks/track?url=%20https%3A%2F%2Frepublicwireless.com%2Fshop%2Fphones%2Fmoto-x4%2F%3Ficid%3Dphones-cta-forums-moto-x4-post&post_id=134361&topic_id=16863

The same link added to a post traditionally (pasted, or using the “link” icon from the toolbar) works.

[sam (Sam Saffron)]

Looks like @zogstrip fixed this FIX: don't track clicks · discourse/discourse-linkify-words@ef072b3 · GitHub … I just updated your component, can your refresh the problem page and try again?

[southpaw]

That appears to have fixed it! Thank you!!

[sam (Sam Saffron)]

Keep in mind, we are going to elevate this to a proper feature in Discourse in the “special actions on words” section, but it will take a bit.

I love that this is a component though cause we get to “test out components” in anger. @Osama / @j.jaffeux one huge omission we have here is that it is ultra mega super painful working with long lists in settings, try this out with 50 or so links to experience the pain. We need a different “list” control for managing long lists of things.

[j.jaffeux (Joffrey Jaffeux)]

do you have any idea in mind about this?

[sam (Sam Saffron)]

Honestly, I am not sure, but have a look at republic for an example of how painful this gets.

[j.jaffeux (Joffrey Jaffeux)]

Agreed it’s a massive pain…

A first step would be to give it more width, but that wouldn’t make it perfect.

What do you think if I hide the part after the comma, and you can only see it when mouse overing ?

I think that would be good, you mostly care about the words you are linkifying when you look at the list.

[sam (Sam Saffron)]

I kind of think it needs another mode of item per row, that way at least you can tell what is going on in long lists

[j.jaffeux (Joffrey Jaffeux)]

I see. Shouldn’t be hard to do, I already apply this kind of per multi-select modification for category colors, I have an idea, will work on it in the next days.

[j.jaffeux (Joffrey Jaffeux)]

Here is my proposal:

A new site-setting type: dictionary.

• one item per row
• explicitly shows the key/value relation
• ellipsis the end of the value so it’s always readable
• will limit the height for the component so it becomes scrollable after something like 10 rows

If it works for you I will work on it beginning next week.

[sam (Sam Saffron)]

Do we have other site settings that need this?

[j.jaffeux (Joffrey Jaffeux)]

not to my knowledge, but AFAIK it doesn’t have to be an explicit new type server side, it could only be a new type client site like (url-list, host-list…)

So in the end it would be very little code, it’s mostly a subclass of list-setting where I split the label and present it differently.

[sam (Sam Saffron)]

We should split this topic

I feel there are a few settings that list urls like allowed iframes and some others that can easily benefit from item-per-row, maybe even the user list in admin groups as well

I think we should start with a simple item per row mode prior to adding dictionary

[j.jaffeux (Joffrey Jaffeux)]

After a discussion with sam:

• rename our current “list” to “compact-list”, which will display as many items per row it can (list current behavior)
• “list” will now only display one item per row
• this shouldn’t touch server side client setting, default UI for list will be modified, and the new client side site setting “compact-list” will rely on “list”

[iidbae]

I think, there is a missing step in configuring Linkify component.

After this

@sam

How to configure?
After importing the theme component, configure the theme settings with the format WORD,https://destination.url.com

Then, activate the linkify components in every theme.

I hope the last step should help others newbie like me.

I am certainly love this feature.