문제: 텍스트 URL을 하이퍼링크로 변환하는 것은 유용한 작업이 될 수 있습니다. 그러나 HTML 태그 내의 이미지나 기타 요소에 URL도 포함되어 있으면 문제가 됩니다. 특정한 경우에 사용자는 이미지 소스 속성에 포함된 URL을 바꾸지 않으면서 텍스트 URL을 앵커 태그로 바꾸는 방법을 모색합니다.
해결책:
핵심 이 문제를 해결하려면 XPath 표현식을 사용하여 URL을 포함하지만 앵커 요소의 하위 항목이 아닌 텍스트 노드만 선택해야 합니다.
다음은 XPath 표현식의 개선된 버전입니다.
$xPath = new DOMXPath($dom);
$texts = $xPath->query(
'/html/body//text()[
not(ancestor::a) and (
contains(.,"http://") or
contains(.,"https://") or
contains(.,"ftp://") )]'
);이 표현식은 앵커 태그 내에 포함된 텍스트 노드를 효과적으로 제외하여 일반 텍스트 URL만 변환 대상이 되도록 합니다.
이미지 URL에 영향을 주지 않고 텍스트 URL 바꾸기:
이미지 소스 속성에 포함된 URL을 대체하지 않기 위해 비표준이지만 효율적인 접근 방식이 사용됩니다. 텍스트 노드를 분할하는 대신 문서 조각을 사용하여 전체 텍스트 노드를 수정된 버전으로 교체합니다.
이 작업을 수행하는 코드는 다음과 같습니다.
foreach ($texts as $text) {
$fragment = $dom->createDocumentFragment();
$fragment->appendXML(
preg_replace(
"~((?:http|https|ftp)://(?:\S*?\.\S*?))(?=\s|\;|\)|\]|\[|\{|\}|,|\"|'|:|\<|$|\.\s)~i",
'<a href=""></a>',
$text->data
)
);
$text->parentNode->replaceChild($fragment, $text);
}이 코드에서, preg_replace 함수는 텍스트 노드에서 URL을 검색하고 해당 앵커 태그 버전으로 바꾸는 데 사용됩니다.
예:
다음 HTML을 고려하세요.
<code class="html"><html>
<body>
<p>
This is a text with a <a href="http://example.com/1">link</a>
and another <a href="http://example.com/2">http://example.com/2</a>
and also another http://example.com with the latter being the
only one that should be replaced. There is also images in this
text, like <img src="http://example.com/foo"/> but these should
not be replaced either. In fact, only URLs in text that is no
a descendant of an anchor element should be converted to a link.
</p>
</body>
</html></code>위 솔루션을 적용하면 이미지 URL은 그대로 유지하면서 텍스트 URL을 앵커 태그로 변환하여 다음과 같은 출력이 생성됩니다.
<code class="html"><html><body>
<p>
This is a text with a <a href="http://example.com/1">link</a>
and another <a href="http://example.com/2">http://example.com/2</a>
and also another <a href="http://example.com">http://example.com</a> with the latter being the
only one that should be replaced. There is also images in this
text, like <img src="http://example.com/foo"/> but these should
not be replaced either. In fact, only URLs in text that is no
a descendant of an anchor element should be converted to a link.
</p>
</body></html></code>위 내용은 HTML 태그 내에서 URL을 제외하면서 텍스트 URL을 하이퍼링크로 바꾸는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
