Update Page with wysiwyg content using PHP

darkagn 315 Veteran Poster Featured Poster · 2009-09-17T08:25:11+00:00

Hi Davros and welcome to DaniWeb :)

So are you trying to change the code that embeds the editor on the fly? If so, according to what criteria? I'm a little confused as to what you want to achieve.

davrosboy 0 Newbie Poster · 2009-09-17T08:57:16+00:00

Hi darkagn

What i have done is set up a web page editor which has a on hover fade effect for editable divs, when you click on the editable div the wysiwig editor pops-up in a modal window, once you have finished editing the region it has a save button which serializes the editor content and then POST's it with the editable regions ID using ajax. On the server side this data is unserialized into the div id and the wysiwig content.
I need to replace the original div with the contents of the posted data.
So i essentially need to open the page, find the old div using the id that i posted and then replace that div, then save the page.
My real problem is how to find a div in a page by its id, and then replace the div with something else.

Cheers
Davros
copy the new div contents(the posted data) in its place and then

darkagn 315 Veteran Poster Featured Poster · 2009-09-17T11:01:00+00:00

PHP dom parser looks to be the right solution but i have had trouble
getting it to work.

Have you tried the DOMDocument::getElementById() function? Can you post your coding attempt with the DOM parser please?

davrosboy 0 Newbie Poster · 2009-09-17T11:49:14+00:00

Thanks for helping

<?php
$string = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>   
<div id="fullcontent">
 <div class="leftone"><p>some left text</p></div>
 <div class="rightone"><p>some right text</p></div>
	</div>
</body>
</html> ';
$postedid = "fullcontent";
$posteddata = '<div id="fullcontent">
 <div class="leftone"><p>some new left text</p></div>
 <div class="rightone><p>some new right text</p></div>
	</div>';
$html = new DOMDocument;
$html->loadHTML($string);
$elements = $html->getElementById($postedid);
$newelement = $html->createTextNode($posteddata);
$elements->parentNode->replaceChild($newelement, $elements);
echo $html->saveHTMLFile("test.html");
$testget = file_get_contents("test.html");
echo $testget;
?>

This is my attempt so far, i am learning as i go,
this outputs the posted data and seems to replace the whole string.

Cheers
Davros

diafol · 2009-09-17T12:26:20+00:00

document.getElementById('thedivid').innerHTML = yourajaxoutput;

Place this in a js file.

I would personally save the content to a db field and call it via php (or ajax if you don't want page refresh), but there's more than one way to cook an egg.

davrosboy 0 Newbie Poster · 2009-09-17T13:51:11+00:00

Thanks ardav
This method has crossed my mind, my thinking was if i had a large number of people accessing a large number of pages that were all generated by mysql data and php that would cause alot of server work, whereas page edits
would be far less frequent, and the mostly flat files would download faster? dunno, I think i am close

Cheers
Davros