使用PHP在文檔中查找和替換具有給定類名稱的html元素內容

Question

我正在爲我的網站開發一個輕量級嵌入式內容編輯器。類似於CushyCMS或SurrealCMS，我的頁面的'可編輯'元素用class="editable"定義。

我想通過2個變量通過AJAX到PHP：

$page該文件被寫入到（例如， '/path/index.html'。）

$json JSON字符串：{"0":"First Content","1":"Second Content","2":"Third Content"}其中關鍵是所有具有class="editable"的元素的索引，並且該值是每個元素的innerHTML。

在PHP 5.3中，如何打開$page並查找/替換class="editable"元素？

$page = $_POST['page']; 
$json = $_POST['json']; 

$doc = new DOMDocument(); 
$doc = DOMDocument::loadHTMLFile($page); 

// Detect DOM elements with class="editable" & replace content with JSON data 

// Save changes to designated file 
$doc->saveHTMLFile($page); // Write to file eg, 'index.html' 

echo ('Success'); 

Answer 1

您可以使用XPath追蹤DOM中的所有可編輯元素。

$xpath = new DOMXPath($doc); 
$entries = $xpath->query('//*[@class="editable"]'); 
$edits = json_decode($json, true); 
$num_edits = count($edits); 

for($i=0; $i<$num_edits; $i++) 
{ 
    $f = new DOMDocument(); 
    $edit = mb_convert_encoding($edits[$i], 'HTML-ENTITIES', "UTF-8"); 
    $f->loadHTML($edit); 
    $node = $f->documentElement->firstChild; 
    $entries->item($i)->nodeValue = ""; 
    foreach($node->childNodes as $child) { 
     $entries->item($i)->appendChild($doc->importNode($child, true)); 
    } 
} 

這又是你的原代碼方面：

$page = $_POST['page']; 
$json = $_POST['json']; 

$doc = new DOMDocument(); 
$doc = DOMDocument::loadHTMLFile($page); 

// Detect DOM elements with class="editable" & replace content with JSON data 
$xpath = new DOMXPath($doc); 
$entries = $xpath->query('//*[@class="editable"]'); 
$edits = json_decode($json, true); 
$num_edits = count($edits); 

for($i=0; $i<$num_edits; $i++) 
{ 
    $f = new DOMDocument(); 
    $edit = mb_convert_encoding($edits[$i], 'HTML-ENTITIES', "UTF-8"); 
    $f->loadHTML($edit); 
    $node = $f->documentElement->firstChild; 
    $entries->item($i)->nodeValue = ""; 
    foreach($node->childNodes as $child) { 
     $entries->item($i)->appendChild($doc->importNode($child, true)); 
    } 
} 

// Save changes to designated file 
$doc->saveHTMLFile($page); // Write to file eg, 'index.html' 

echo ('Success'); 

Answer 2

可能是DOMDocument或simplehtmldom的工作。

Answer 3

如果for循環提供索引，則不應該需要foreach循環。試試這個：

// Write JSON content to class="editable" elements 
for ($i = 0; $i < $ret->length; $i++) { 
     echo $data[$i]; 
} 

Answer 4

您可以使用QueryPath，一個PHP庫，用於操縱XML和HTML。像jQuery for PHP一樣。

從他們的網站：

QueryPath is a PHP library for manipulating XML and HTML. It is designed to work not only with local files, but also with web services and database resources. It implements much of the jQuery interface, but it is heavily tuned for server-side use.