Найдите ссылку в тексте и преобразуйте ее в код для вставки

Question

Я изучаю Angular для новостей, сайта объявлений.Я печатаю содержимое как <div [innerHTML]='res.content'></div>.Но содержание имеет ссылки на YouTube, и они отображаются в виде текста.

Я;В содержимом элемента 'div' я хочу определить ссылки в youtube и преобразовать их в 'код для вставки'.

Пример res.content из Api;

"<p style=\"text-align: center;\"><strong>test yazıdır.</strong></p>\r\n&nbsp;\r\n\r\n<b> </b>\r\n<h4>project description</h4>\r\nMaturity is required as young people will look to the volunteer (&amp;\r\nstaff in general) as a role model.\r\n<div class=\"clearfix\"></div>\r\n<h4>how to apply</h4>\r\nSend CV and covering letter to <strong>info@galwaysteinerschool.com</strong> and name of sending organisation where applicable\r\n\r\n&nbsp;\r\n\r\n<strong>Son Başvuru Tarihi:</strong> 01/02/2019\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\nhttps://www.youtube.com/watch?v=sgUVUVY2e-I\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<strong>EVS gönderici kuruluş listesi ve başvuru ile ilgili makalemize ulaşmak için <a href=\"http://www.example.com/agh-avrupa-gonullu-hizmeti-nedir-evs/\" target=\"_blank\" rel=\"noopener\">tıklayınız.</a></strong>\r\n\r\n<strong>Diğer AGH/EVS ilanlarına ulaşmak için <a href=\"http://www.example.com/category/evs-agh-firsatlari/\" target=\"_blank\" rel=\"noopener\">tıklayınız.</a></strong>\r\n\r\n<strong>Motivasyon Mektubu Nasıl Yazılır makalemizi okumak için <a title=\"Motivasyon Mektubu Nasıl Yazılır?\" href=\"http://www.example.com/motivasyon-mektubu-nasil-yazilir/\" target=\"_blank\" rel=\"noopener\">tıklayınız.</a></strong>\r\n\r\n<strong>Blog yazarımız Seher Can’ın Avrupa Gönüllü Hizmeti deneyimi makalesi için <a href=\"http://www.example.com/portekiz-avrupa-gonullu-hizmeti-deneyimi/\" target=\"_blank\" rel=\"noopener\">tıklayınız.</a></strong>\r\n\r\n<strong>Blog yazarımız Emre Gögebakan’ın Avrupa Gönüllü Hizmeti başvuru süreci makalesi için <a href=\"http://www.example.com/evs-arayan-genc/\" target=\"_blank\" rel=\"noopener\">tıklayınız.</a></strong>\r\n\r\n<strong>AGH/EVS mülakatı teknikleri makalemiz için <a href=\"http://www.example.com/agh-mulakati-ve-skype-gorusmesi/\" target=\"_blank\" rel=\"noopener\">tıklayınız.</a></strong>\r\n\r\n<strong>AGH EN ÇOK SORULAN SORULAR VE CEVAPLARI makalemiz için <a href=\"http://example.com/agh-en-cok-sorulan-sorular-ve-cevaplari/\" target=\"_blank\" rel=\"noopener\">tıklayınız.</a></strong>\r\n\r\n<strong>Başarılı Motivasyon Mektubu Teknikleri makalemiz için <a href=\"http://example.com/basarili-motivasyon-mektubu-teknikleri/\" target=\"_blank\" rel=\"noopener\">tıklayınız.</a></strong>\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n<strong>Kaynak:</strong> <a href=\"https://europa.eu/youth/volunteering/project/9729_en\" target=\"_blank\" rel=\"noopener\">https://europa.eu/youth/volunteering/project/9729_en</a>\r\n\r\n&nbsp;\r\n<p style=\"text-align: center;\"><strong>Bu ilan Avrupa Birliği resmi sitesinden duyuru amaçlı kaynak gösterilerek Türkçe diline çevrilmiştir. İlan sorumluluğu example.com sitesinde değildir. Özgeçmiş ve motivasyon mektubu hazırlanması işlemlerinde ÜCRETSİZ olarak kurumumuz destek vermektedir. Kurumumuzun başvurunun olumlu veya olumsuz sonuçlanması konusunda herhangi bir taahhüdü ve etkisi yoktur.</strong></p>";

Какой метод я должен подать заявку на это?и как я могу?

Что я хочу сделать, это найти URL-адрес YouTube внутри статьи и автоматически перевести его в код для вставки YouTube.

Спасибо отТеперь.

Answer 1

Вы можете использовать регулярные выражения, чтобы получить идентификатор видео по ссылке на YouTube.Тогда все, что вам нужно, это добавить его в ссылку для вставки YouTube.

Так что, если вы используете регулярное выражение, чтобы найти ссылку на видео по следующей ссылке:

• https://www.youtube.com/watch?v=sgUVUVY2e-I\

он вернет вам следующее: sgUVUVY2e-I

Затем вы можете вставить это во встроенную ссылку следующим образом:

• https://www.youtube.com/embed/sgUVUVY2e-I

Существует тонна уроков по использованию регулярных выражений для поиска информации внутри текста, а затем все зависит от вас, как вы хотите отобразить ее.