PHP DOMDocument thay thế DOMElement con bằng chuỗi HTML

Question

Sử dụng PHP Tôi đang cố gắng lấy một chuỗi HTML được chuyển từ trình soạn thảo WYSIWYG và thay thế con của phần tử bên trong tài liệu HTML được tải sẵn bằng HTML mới.

Cho đến nay tôi đang tải tài liệu xác định phần tử mà tôi muốn thay đổi bằng ID nhưng quá trình chuyển đổi HTML thành thứ gì đó có thể được đặt bên trong DOMElement sẽ giúp tôi tránh khỏi.

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

Nếu chuỗi HTML có thể được phân tích như XML, bạn có thể làm điều này (sau khi thanh toán bù trừ các yếu tố của tất cả các nút con):

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

Nếu $ html_string không thể được phân tích như XML, nó sẽ thất bại. Nếu có, bạn sẽ phải sử dụng loadHTML(), điều này ít nghiêm ngặt hơn - nhưng nó sẽ thêm các phần tử xung quanh đoạn mà bạn sẽ phải loại bỏ.

Không giống như PHP, Javascript có thuộc tính innerHTML cho phép bạn thực hiện việc này rất dễ dàng. Tôi cần một cái gì đó giống như nó cho một dự án vì vậy tôi đã mở rộng DOMElement của PHP để bao gồm quyền truy cập innerHTML giống như Javascript.

Với nó, bạn có thể truy cập các thuộc tính innerHTML và thay đổi nó giống như bạn trong Javascript:

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

---

Nguồn: http://www.keyvan.net/2012/11/php-domdocument-replace-domelement-child-with-html-string/

Answer 2

Bạn có thể sử dụng loadHTML() trên một đoạn mã và sau đó nối thêm các nút đã tạo vào cây DOM gốc.

Answer 3

Tôi biết đây là một chủ đề cũ (nhưng trả lời trên điều này bởi vì cũng tìm kiếm một giải pháp cho điều này). Tôi đã thực hiện một phương pháp dễ dàng để thay thế nội dung chỉ bằng một dòng duy nhất khi sử dụng nó. Để hiểu được phương thức tốt hơn, tôi cũng thêm một số ngữ cảnh có tên hàm.

Đây là một phần của thư viện của tôi, vì vậy đó là lý do của tất cả các tên hàm ở đây, tất cả các hàm bắt đầu bằng tiền tố 'su'.

Rất dễ sử dụng và rất mạnh (và ít mã hơn).

Đây là mã:

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}))); 
} 

Một số chức năng bối cảnh:

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); } 

Làm thế nào để sử dụng nó:

Trong ví dụ sau đây, tôi cho rằng đã có nội dung được tải vào một variab le được gọi là $sMyHtml và biến số $sMyNewContent chứa một số html mới. Biến số $sMyHtml chứa phần tử có tên/với id 'example_id'.

// 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

Câu trả lời được chấp nhận hiện tại cho thấy sử dụng appendXML() nhưng thừa nhận rằng nó sẽ không xử lý html phức tạp như được trả về từ trình soạn thảo WYSISYG như được chỉ định trong câu hỏi gốc. Theo đề nghị loadHTML() có thể giải quyết vấn đề này. nhưng chưa có ai thể hiện như thế nào.

Đây là những gì tôi tin là câu trả lời đúng nhất/chính xác cho câu hỏi gốc giải quyết vấn đề mã hóa, "Tài liệu Fragment trống" cảnh báo và "Lỗi tài liệu sai" lỗi mà ai đó có khả năng nhấn nếu họ viết từ đầu. Tôi biết tôi đã tìm thấy chúng sau khi làm theo các gợi ý trong các câu trả lời trước đó.

Đây là mã từ trang web tôi hỗ trợ chèn nội dung thanh bên WordPress vào nội dung $ của bài đăng. Nó giả định rằng $ doc là một DOMDocument hợp lệ tương tự như cách $ doc được định nghĩa trong câu hỏi ban đầu. Nó cũng giả định rằng $ element là thẻ mà bạn muốn chèn sidebarcontent (hoặc bất kỳ thứ gì).

  // 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); 
      } 

Sau khi tất cả điều này được thực hiện, nếu bạn không muốn có nguồn gốc của một tài liệu HTML đầy đủ với thẻ nội dung và những gì không, bạn có thể tạo ra html nhiều địa phương với điều này:

// 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;