wie man den Bildweg umschreibt

Question

Hallo Leute Ich suche Hilfe beim Umschreiben des Bildpfads.

Lassen Sie mich erklären .....

Lets sagen, dass ich zwei Anwendungen am Laufen. APP-A und APP-B. Meine APP-A hat ein Plug-in installiert, das die Ausgabe des Menüs im einfachen HTML-Format generiert und als HTML-Datei speichert.

Ich möchte jetzt diese HTML-Datei in meine APP = B importieren und es als Menü dafür verwenden. Die HTML-Datei sieht ungefähr so ​​aus .....

<div class="menu"> 
<li class="item27 parent root" > 
    <a class="daddy item image subtext" href="/xyz/cms/index.php> 
    <span> 
     <img src="tmpl/abc_template/images/icons/icon.png" alt="icon1.png" /> 
     Link 1 <em>subline</em> 
    </span> 
    </a> 
    </li> 
    <li class="item27 parent root" > 
    <a class="daddy item image subtext" href="/xyz/cms/index2.php> 
     <span> 
     <img src="tmpl/abc_template/images/icons/icon.png" alt="icon2.png" /> 
     Link 2 <em>subline</em> 
     </span> 
    </a> 
    </li> 
    <li class="item27 parent root" > 
    <a class="daddy item image subtext" href="/xyz/cms/index3.php> 
    <span> 
     <img src="templ/abc_template/images/icons/icon.png" alt="icon3.png" /> 
     Link 3 <em>subline</em> 
    </span> 
    </a> 
    </li> 
</div> 

ich diese Datei in meine APP-B am Import von require_once('../../app-a/menu.html');

Datei mit aufkommt gut, aber ich habe Probleme mit den Bildpfaden . Diese Pfade werden relativ zur APP-A erzeugt und ich möchte sie so ändern, dass meine APP-B sie von der richtigen Stelle bekommt.

Zum Beispiel, nachdem ich importieren Sie die Datei in APP-B,

ich meine APP-B lesen möchten hinzufügen ../../ vor den Bildpfade, so dass diese Wege:

<img src="tmpl/abc_template/images/icons/icon.png" alt="icon1.png" /> 
<img src="tmpl/abc_template/images/icons/icon.png" alt="icon2.png" /> 
<img src="tmpl/abc_template/images/icons/icon.png" alt="icon3.png" /> 

wie diese Wege

werden

<img src="../../tmpl/abc_template/images/icons/icon.png" alt="icon1.png" /> 
<img src="../../tmpl/abc_template/images/icons/icon.png" alt="icon2.png" /> 
<img src="../../tmpl/abc_template/images/icons/icon.png" alt="icon3.png" /> 

Mit freundlicher Hilfe. Ich verwende eine Vorlage, die jQuery unterstützt. Daher reicht sogar eine jQuery-Lösung aus.

Answer 1

Hmm ... ich jQuery Lösungen immer genießen ...

$(function() { 
    $('.menu img').each(function() { 
     img_path = $(this).attr('src'); 
     $(this).attr({'src': '../../' + img_path}); 
     }); 
    }); 

getestet und funktioniert.

Answer 2

Wahrscheinlich der einfachste Weg wäre einfach eine symbolische Verbindung auf dem Server zu erstellen.

ln -s tmp1 ../../tmp1

Angenommen, es ist ein Linux/Apache-Server. Oder Sie könnten auch eine Alias-Definition in Ihren Apache-Konfigurationen vornehmen oder dasselbe mit .htaccess.

Sonst müssen Sie anfangen, HTML zu hacken und es im laufenden Betrieb neu zu erstellen, wozu ich sicher bin, dass es mehrere Bibliotheken gibt, mit denen Sie das tun können, aber wahrscheinlich eigene Vorbehalte und Sicherheitsprobleme haben.

Answer 3

Wenn Sie nur eine schnelle Lösung wollen, werden Sie wahrscheinlich mehr Erfolg haben das Menü HTML-Datei in einen String zu lesen:

$menuString = file_get_contents('../../app-a/menu.html');

Dann können Sie einen regulären Ausdruck verwenden, um Ihren relativen Pfad zu dem hinzufügen Beginn jedes src-Tags.

preg_replace('%"tmpl/%is', '"../../tmpl/', $menuString);

Dieser reguläre Ausdruck ist nicht sehr robust, aber es sollte Ihnen einen Ausgangspunkt geben.