Flatfile-edit in place CMS

r0b · 09-12-2010, 01:28 AM

Hey everyone, I'm finishing up a free project and there's probably one line of coding bugging me.

The cms can be viewed right here (working demo). Password is admin.

What I'm trying to do is hide the <br> in the textarea field. Not disable it, but only make it invisible for the user editing the content. (You can view the <br>'s by logging into the admin panel and clicking anywhere on the content).

So far I've tried

PHP Code:


			
$content=nl2br($content);

and

$content = str_replace("<br>", "\n", $content);

and

<?php
  echo "<pre>";
  echo $file1;
  echo "</pre>";
?>

All without success.

Anyone has any ideas left?

I'm using these libraries if it helps anyone:
- http://ajax.googleapis.com/ajax/libs.../jquery.min.js
- http://krneky.com/wondercms/js/editInplace.js
- http://krneky.com/wondercms/js/wkrte.js
- http://krneky.com/wondercms/js/jquery-1.3.2.min.js

Enfernikus · 09-12-2010, 05:24 PM

Nice concept, I've seen it starting to crop up and I sort of like it for smaller less-content heavy site.

I'll take it as a mistake but the first and last libraries you've listed are both jQuery 1.3.2 following that you might want to upgrade to 1.4.x, it has some great new features.

your editInPlace.js file has it's own XMLHttpRequest class, this is a bit superfluous if you're using jQuery, it already provides great ajax utilities and jQuery also provides event binding. I'm sure implementing your own solutions was great practice and gained you some valuable insight into the nuances of cross-browser javascript development but try not to re-invent the wheel. This along with a Software Engineer's habit of over-engineering solutions are probably the #1 time wasters in development.

So, it's nice, it's simply & I'm sure it'll be more than suitable for smaller sites where the Webmaster simply wants to easily edit their content.

r0b · 09-12-2010, 05:38 PM

Thank you very much for your comment and opinion. Feedback and constructive criticism are always the best.

I would never of noticed that I'm using two same libraries, thank you, I'll change and update this to 1.4.2 in a minute.

Right now I'm only trying to finish this up, as it is a "one-mand-band" project and it's hard to keep up with everything.

*Edit*

Updated with jquery 1.4.2.

r0b · 09-13-2010, 07:48 PM

The CMS is now available free for download: WonderCMS

The problem was fixed by changing:

Code:

function editBox(actual) {
if(!changing){
width = widthEl(actual.id) + 20;
height =heightEl(actual.id) + 2;
actual.innerHTML = "<textarea?"
changing = true;
}
actual.firstChild.focus();
}

to

Code:

function editBox(actual) {
if(!changing){
width = widthEl(actual.id) + 20;
height =heightEl(actual.id) + 2;
str = actual.innerHTML;
actual.innerHTML = str.replace(/<br>/gi, "");
actual.innerHTML = "<textarea?"
changing = true;
}
actual.firstChild.focus();
}