>백엔드 개발 >PHP 튜토리얼 >HTML 태그 내에서 URL을 제외하면서 텍스트 URL을 하이퍼링크로 바꾸는 방법은 무엇입니까?

HTML 태그 내에서 URL을 제외하면서 텍스트 URL을 하이퍼링크로 바꾸는 방법은 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-10-28 06:28:021063검색

How to Replace Text URLs with Hyperlinks While Excluding URLs within HTML Tags?

HTML 태그 내에서 URL을 제외하면서 텍스트 URL을 바꾸는 문제 극복

문제: 텍스트 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(
            &quot;~((?:http|https|ftp)://(?:\S*?\.\S*?))(?=\s|\;|\)|\]|\[|\{|\}|,|\&quot;|'|:|\<|$|\.\s)~i&quot;,
            '<a href=&quot;&quot;></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=&quot;http://example.com/1&quot;>link</a>
    and another <a href=&quot;http://example.com/2&quot;>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=&quot;http://example.com/foo&quot;/> 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=&quot;http://example.com/1&quot;>link</a>
    and another <a href=&quot;http://example.com/2&quot;>http://example.com/2</a>
    and also another <a href=&quot;http://example.com&quot;>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=&quot;http://example.com/foo&quot;/> 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.