Tengo un modal en el que obtengo datos de DB. Pero necesito saber si hay alguna URL en Descripción en cualquier lugar, convertirla en etiqueta de anclaje. Solo funciona para la URL de primera posición, pero mi párrafo contiene demasiadas URL.
function showFeedModal(newsID, type, dateTimeOfNews) { var $modal = $('#DetailModal'); var $modalHeader = $modal.find('div.modal-header'); var $modalBody = $modal.find('div.modal-body'); var urlCheck = new RegExp("([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_])?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?"); var img = '/Dashboard/img/icons/icon-widget/'; $modalHeader.find('div.color-black').text(dateTimeOfNews); $.get('/Home/NewsModal?pk_NewsID=' + newsID + '&DateTimeOfNews=' + dateTimeOfNews + '&type=' + type, function (response) { img += response.NewsSourceModel.SourceIconFile; $modalBody.find('p.mb-3').text(response.NewsSourceModel.SourceName); $modalBody.find('div.news-icon').html('<img class="img-fluid" src="' + img + '" alt="">'); $modalBody.find('div.detail').html('<div class="description font-big fw-bold" data-toggle="modal" data-target="#DetailModal">' + response.Headline + '</div>'); //if NewsContent contains url anywhere convert it to hyperLink if (urlCheck.test(response.Description)) { $modalBody.find('div.news-content').html('<p>' + response.Description.replace(urlCheck.exec(response.Description)[0], "<a href='" + urlCheck.exec(response.Description)[0] + "' target='_blank'>" + urlCheck.exec(response.Description)[0] + "</a>") + '</p>'); } else $modalBody.find('div.news-content').html('<p>' + response.Description+ '</p>'); if (response.Link != null) $modalBody.find('div.news-content').append('<p><a href="' + response.Link + '" target="_blank">View Details...</a></p>'); $modal.modal(); }) }Ya ha hecho la mayor parte del trabajo, solo necesita usar replaceAll() en lugar de replace() para reemplazar todos los enlaces, y no solo el primero:
function showFeedModal(newsID, type, dateTimeOfNews) { var $modal = $('#DetailModal'); var $modalHeader = $modal.find('div.modal-header'); var $modalBody = $modal.find('div.modal-body'); var urlCheck = new RegExp("([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_])?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?"); var img = '/Dashboard/img/icons/icon-widget/'; $modalHeader.find('div.color-black').text(dateTimeOfNews); $.get('/Home/NewsModal?pk_NewsID=' + newsID + '&DateTimeOfNews=' + dateTimeOfNews + '&type=' + type, function (response) { img += response.NewsSourceModel.SourceIconFile; $modalBody.find('p.mb-3').text(response.NewsSourceModel.SourceName); $modalBody.find('div.news-icon').html('<img class="img-fluid" src="' + img + '" alt="">'); $modalBody.find('div.detail').html('<div class="description font-big fw-bold" data-toggle="modal" data-target="#DetailModal">' + response.Headline + '</div>'); //if NewsContent contains url anywhere convert it to hyperLink if (urlCheck.test(response.Description)) { $modalBody.find('div.news-content').html('<p>' + response.Description.replaceAll(urlCheck.exec(response.Description)[0], "<a href='" + urlCheck.exec(response.Description)[0] + "' target='_blank'>" + urlCheck.exec(response.Description)[0] + "</a>") + '</p>'); } else $modalBody.find('div.news-content').html('<p>' + response.Description+ '</p>'); if (response.Link != null) $modalBody.find('div.news-content').append('<p><a href="' + response.Link + '" target="_blank">View Details...</a></p>'); $modal.modal(); }) }