PHP DOMDocument HTML dizgisi olan DOMElement çocuğunun yerine koyuluyor

Question

PHP'yi Kullanma Bir WYSIWYG düzenleyicisinden geçirilen bir HTML dizesini almaya ve önceden yüklenmiş bir HTML belgesinin içindeki öğelerin alt öğelerini yeni HTML ile değiştirmeye çalışıyorum.

Şimdiye kadar, kimliğiyle değiştirmek istediğim öğeyi tanımlayan belgeyi yüklüyorum, ancak bir HTML'yi bir DOMElement içine yerleştirilebilecek bir şeye dönüştürme işlemi beni reddediyor.

libxml_use_internal_errors(true); 

$doc = new DOMDocument(); 
$doc->loadHTML($html); 

$element = $doc->getElementById($item_id); 
if(isset($element)){ 
    //Remove the old children from the element 
    while($element->childNodes->length){ 
     $element->removeChild($element->firstChild); 
    } 

    //Need to build the new children from $html_string and append to $element 
} 

Answer 1

, (tüm alt düğümler eleman temizledikten sonra) bunu yapabilirsiniz:

$ html_string XML olarak çözümlenen edilemiyorsa

$fragment = $doc->createDocumentFragment(); 
$fragment->appendXML($html_string); 
$element->appendChild($fragment); 

, başarısız olur. Bunu yaparsa, daha az katı olan loadHTML() öğesini kullanmanız gerekir. Ancak, şeritlemeniz gereken parçanın etrafına öğeler ekler.

PHP'nin aksine, Javascript bunu kolayca yapmanızı sağlayan innerHTML özelliğine sahiptir. Bir proje için buna benzer bir şeye ihtiyacım vardı, bu yüzden PHP’nin DOMElementini Javascript benzeri içHTML erişimini içerecek şekilde genişlettim. Bununla beraber

Eğer innerHTML özelliğini erişebilir ve JavaScript gibi yalnızca değiştirebilirsiniz:

echo $element->innerHTML; 
$elem->innerHTML = '<a href="http://example.org">example</a>'; 

---

Kaynak: Bu eski bir iplik olduğunu biliyorum (ama üzerinde cevap http://www.keyvan.net/2012/11/php-domdocument-replace-domelement-child-with-html-string/

Answer 2

Sen kod parçasının üzerinde loadHTML() kullanabilir ve daha sonra orijinal DOM ağacına çıkan oluşturulan düğümleri ekleyin. HTML dize XML olarak çözümlenebilir Eğer

Answer 3

Bu da bunun için bir çözüm arıyor çünkü). Kullanırken içeriği tek bir satır ile değiştirmek için kolay bir yöntem yaptım. Yöntemi daha iyi anlamak için, aynı zamanda adlandırılmış işlevler ekliyorum.

Bu, şimdi benim kütüphanemizin bir parçası, bu yüzden buradaki tüm işlev isimlerinin nedeni budur, tüm işlevler 'su' öneki ile başlar.

Kullanımı çok kolay ve çok güçlü (ve oldukça az kod).

function suSetHtmlElementById(&$oDoc, &$s, $sId, $sHtml, $bAppend = false, $bInsert = false, $bAddToOuter = false) 
{ 
    if(suIsValidString($s) && suIsValidString($sId)) 
    { 
    $bCreate = true; 
    if(is_object($oDoc)) 
    { 
     if(!($oDoc instanceof DOMDocument)) 
     { return false; } 
     $bCreate = false; 
    } 

    if($bCreate) 
     { $oDoc = new DOMDocument(); } 

    libxml_use_internal_errors(true); 
    $oDoc->loadHTML($s); 
    libxml_use_internal_errors(false); 
    $oNode = $oDoc->getElementById($sId); 

    if(is_object($oNode)) 
    { 
     $bReplaceOuter = (!$bAppend && !$bInsert); 

     $sId = uniqid('SHEBI-'); 
     $aId = array("<!-- $sId -->", "<!--$sId-->"); 

     if($bReplaceOuter) 
     { 
     if(suIsValidString($sHtml)) 
     { 
      $oNode->parentNode->replaceChild($oDoc->createComment($sId), $oNode); 
      $s = $oDoc->saveHtml(); 
      $s = str_replace($aId, $sHtml, $oDoc->saveHtml()); 
     } 
     else { $oNode->parentNode->removeChild($oNode); 
       $s = $oDoc->saveHtml(); 
       } 
     return true; 
     } 

     $bReplaceInner = ($bAppend && $bInsert); 
     $sThis = null; 

     if(!$bReplaceInner) 
     { 
     $sThis = $oDoc->saveHTML($oNode); 
     $sThis = ($bInsert?$sHtml:'').($bAddToOuter?$sThis:(substr($sThis,strpos($sThis,'>')+1,-(strlen($oNode->nodeName)+3)))).($bAppend?$sHtml:''); 
     } 

     if(!$bReplaceInner && $bAddToOuter) 
     { 
      $oNode->parentNode->replaceChild($oDoc->createComment($sId), $oNode); 
      $sId = &$aId; 
     } 
     else { $oNode->nodeValue = $sId; } 

     $s = str_replace($sId, $bReplaceInner?$sHtml:$sThis, $oDoc->saveHtml()); 
     return true; 
    } 
    } 
    return false; 
} 

// A function of my library used in the function above: 
function suIsValidString(&$s, &$iLen = null, $minLen = null, $maxLen = null) 
{ 
    if(!is_string($s) || !isset($s{0})) 
    { return false; } 

    if($iLen !== null) 
    { $iLen = strlen($s); } 

    return (($minLen===null?true:($minLen > 0 && isset($s{$minLen-1}))) && 
      $maxLen===null?true:($maxLen >= $minLen && !isset($s{$maxLen}))); 
} 

Bazı bağlam fonksiyonları:

function suAppendHtmlById(&$s, $sId, $sHtml, &$oDoc = null) 
{ return suSetHtmlElementById($oDoc, $s, $sId, $sHtml, true, false); } 

function suInsertHtmlById(&$s, $sId, $sHtml, &$oDoc = null) 
{ return suSetHtmlElementById($oDoc, $s, $sId, $sHtml, false, true); } 

function suAddHtmlBeforeById(&$s, $sId, $sHtml, &$oDoc = null) 
{ return suSetHtmlElementById($oDoc, $s, $sId, $sHtml, false, true, true); } 

function suAddHtmlAfterById(&$s, $sId, $sHtml, &$oDoc = null) 
{ return suSetHtmlElementById($oDoc, $s, $sId, $sHtml, true, false, true); } 

function suSetHtmlById(&$s, $sId, $sHtml, &$oDoc = null) 
{ return suSetHtmlElementById($oDoc, $s, $sId, $sHtml, true, true); } 

function suReplaceHtmlElementById(&$s, $sId, $sHtml, &$oDoc = null) 
{ return suSetHtmlElementById($oDoc, $s, $sId, $sHtml, false, false); } 

function suRemoveHtmlElementById(&$s, $sId, &$oDoc = null) 
{ return suSetHtmlElementById($oDoc, $s, $sId, null, false, false); } 

Nasıl kullanılır: Aşağıdaki örneklerde

, ben varsayalım İşte

kodudur zaten bir variab içine yüklenen içerik var le, $sMyHtml'u aradı ve $sMyNewContent değişkeni bazı yeni html içeriyor. $sMyHtml değişkeni, 'example_id' kimliğine sahip olan/içeren bir öğe içerir.

// Example 1: Append new content to the innerHTML of an element (bottom of element): 
if(suAppendHtmlById($sMyHtml, 'example_id', $sMyNewContent)) 
{ echo $sMyHtml; } 
else { echo 'Element not found?'; } 

// Example 2: Insert new content to the innerHTML of an element (top of element): 
suInsertHtmlById($sMyHtml, 'example_id', $sMyNewContent);  

// Example 3: Add new content ABOVE element: 
suAddHtmlBeforeById($sMyHtml, 'example_id', $sMyNewContent);  

// Example 3: Add new content BELOW/NEXT TO element: 
suAddHtmlAfterById($sMyHtml, 'example_id', $sMyNewContent);  

// Example 4: SET new innerHTML content of element: 
suSetHtmlById($sMyHtml, 'example_id', $sMyNewContent);  

// Example 5: Replace entire element with new content: 
suReplaceHtmlElementById($sMyHtml, 'example_id', $sMyNewContent);  

// Example 6: Remove entire element: 
suSetHtmlElementById($sMyHtml, 'example_id'); 

Answer 4

kabul edilen geçerli bir cevap appendXML() kullanılmasını önerir, ancak bu tür özgün soru belirtildiği gibi bir WYSISYG editörü döndü ne kadar karmaşık html işlemez kabul eder. Önerilen loadHTML() bunu ele alabilir. ama hiç kimse nasıl olduğunu göstermedi.

Kodlama sorunları, "Belge Parçası boş" uyarıları ve "Yanlış Belge Hatası" hatalarını ele alan orijinal sorunun en iyi/doğru cevabı olduğuna inanıyorum. Önceki yanıtlardaki ipuçlarını izledikten sonra onları buldum.

Bu, WordPress kenar çubuğu içeriğini bir gönderinin $ içeriğine ekleyen bir siteden gelen koddur. $ Doc'ın orijinal soruda $ doc'ın tanımlandığı şekle benzer geçerli bir DOMDocument olduğunu varsayar. Ayrıca, $ öğesinin, sonradan kenar çubuğunu (veya herhangi bir şekilde) eklemek istediğiniz etiket olduğunu varsayar.

// Now because we have moved the post content into a full document, we need to get rid of the 
    // extra elements that make it a document and not a fragment 
    $body = $doc->getElementsByTagName('body'); 
    $body = $body->item(0); 

    // If you need an element with a body tag, you can do this. 
    // return $doc->savehtml($body); 

    // Extract the html from the body tag piece by piece to ensure valid html syntax in destination document 
    $bodyContent = ''; 
    foreach($body->childNodes as $node) { 
      $bodyContent .= $body->ownerDocument->saveHTML($node); 
    } 
    // Now return the full content with the new content added. 
    return $bodyContent; 

: Eğer gövde etiketleri ile tam HTML dokümanının kaynağı ve, bununla daha yerel html üretebilir değil ne olmasını istemiyorsanız bu Sonuçta

  // NOTE: Cannot use a document fragment here as the AMP html is too complex for the appendXML function to accept. 
      // Instead create it as a document element and insert that way. 
      $node = new DOMDocument(); 
      // Note that we must encode it correctly or strange characters may appear. 
      $node->loadHTML(mb_convert_encoding($sidebarContent, 'HTML-ENTITIES', 'UTF-8')); 
      // Now we need to move this document element into the scope of the content document 
      // created above or the insert/append will be rejected. 
      $node = $doc->importNode($node->documentElement, true); 
      // If there is a next sibling, insert before it. 
      // If not, just add it at the end of the element we did find. 
      if ( $element->nextSibling) { 
       $element->parentNode->insertBefore($node, $element->nextSibling); 
      } else { 
       $element->parentNode->appendChild($node); 
      } 

, yapılır