?>

Wie konvertiert man inaktive Links im Text in aktiv (anklickbar)?

Wie konvertiert man inaktive Links im Text in aktiv (anklickbar)?

Eine sehr häufige Aufgabe, um Ihren Benutzern qualitativ hochwertige und komfortable Website-Funktionen bereitzustellen, ist die Konvertierung von Links in Nur-Text oder HTML. Wenn Sie Ihren Benutzern etwas zum unabhängigen Schreiben auf der Website geben (z. B. Kommentare), versuchen Sie natürlich, sie vor HTML-Code zu schützen. Wenn sie es jedoch nicht verwenden, können sie keine Links gemäß den HTML-Regeln auswählen. Und es muss für sie getan werden.

Für Projekte im Rahmen von yii2 habe ich eine kleine Erweiterung geschrieben: https://cms.skeeks.com/marketplace/components/tools/other/396-preobrazovanie-neaktivnyh-ssylok-v-tekste

Видео:

Скриншот:

Небольшое описание:

Для преобразования ссылок в тексте, используются регулярные выражения. Если погуглить на эту тему то появится множество ссылок на различные ресурсы, где обсуждают подобные регулярные выражения.

Вот некоторые, которыми воспользовался я для написания своего расширения:

Воспользоваться им достаточно просто. Представьте что у вас есть какой то текст на странице, обрамленный каким нибудь <div> с классмо .description

<div class="description">
Какой то текст со ссылками https://test.ru,
https://google.ru/search
Все ссылки будут автоматически https://cms.skeeks.com/blog/releases/2-zapusk-sayta-dlya-skeeks-cms определены в этом тексте и станут кликабельными
</div>

На этой же самой странице можно подключить вот такую конструкцию:

<?
\skeeks\yii2\linkActivation\assets\TextHandlerAsset::register($this);
$this->registerJs(<<<JS
new sx.classes.LinkActivation(".description");
JS
);
?>

Эта конструкция, подключит необходимые js файлы на страницу, и при помощи javascript этот текст будет преобризован в html со ссылками оформленными в виде html тегов <a>

Alle Kommentare (1)
Какой то текст со ссылками https://test.ru,
https://google.ru/search
Все ссылки будут автоматически https://cms.skeeks.com/blog/releases/2-zapusk-sayta-dlya-skeeks-cms определены в этом тексте и станут кликабельными