Как заменить <img>в HTML-код с функцией PHP - PullRequest
Новая
       28

Как заменить <img>в HTML-код с функцией PHP

0 голосов
/ 30 сентября 2011

Я хочу заменить изображение HTML-кодом, который должен быть выводом функции php. всякий раз, когда тег изображения находится в html-документе, он должен быть передан в функцию php и заменен html-строками. мои ожидания как ниже.

Файл index.htm содержит hello <img src="image.jpg" /> продолжение предложения.

этот image.jpg передается в функцию php convert_pic('image.jpg');

так что результат index.htm hello <div>....</div> продолжение предложения.

где <div>....</div> - выход функции php convert_pic('image.jpg');

поэтому <img src="image.jpg" /> следует заменить на <?php convert_pic('image.jpg'); как это можно сделать, или любая другая возможность достичь этого?

1 Ответ

0 голосов
/ 30 сентября 2011

С расширением DOM вы можете использовать XPath, чтобы найти все теги img и затем заменить их
см. Также:

например 

<?php
// closure/lambda, php 5.3+ only
$convert = function($src) {
    return '---'.$src.'---';
};

$doc = new DOMDocument;
$doc->loadhtml(getHTML());
echo "before: ", $doc->savehtml(), "\n\n";
foo($doc, $convert);
echo "after: ", $doc->savehtml(), "\n\n";


function foo(DOMDocument $doc, $fn) {
    $xpath = new DOMXPath($doc);

    $imgs = array();
    foreach( $xpath->query('/html/body//img') as $n ) {
        $imgs[] = $n;
    }

    foreach($imgs as $n) {
        $txt = $fn($n->getAttribute('src'));
        $div = $doc->createElement('div', $txt);
        $n->parentNode->replaceChild($div, $n);
    }
}

function getHTML() {
return '<html><head><title>...</title></head><body>
    <p>lorem ipsum <img src="a.jpg" alt="img#1"/></p>
    <p>dolor sit amet<img src="b.jpg" alt="img#2"/></p>
    <div><div><div><img src="c.jpg" alt="img#3" /></div></div></div>
</body></html>';
}

отпечатки 

before: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><head><title>...</title></head><body>
    <p>lorem ipsum <img src="a.jpg" alt="img#1"></p>
    <p>dolor sit amet<img src="b.jpg" alt="img#2"></p>
    <div><div><div><img src="c.jpg" alt="img#3"></div></div></div>
</body></html>


after: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><head><title>...</title></head><body>
    <p>lorem ipsum <div>---a.jpg---</div></p>
    <p>dolor sit amet<div>---b.jpg---</div></p>
    <div><div><div><div>---c.jpg---</div></div></div></div>
</body></html>
...