I am currently using Cute Editor 6.4 in a small CMS I am developing.

 

I was quite keen to use the "template" functionality of Cute Editor, but am having trouble getting it to work the way I had hoped for.

 

Relating to the template functionality you show the use of "UNSELECTABLE="ON" contenteditable="false"". This obviously works in such a way as to make specific sections un-editable.

 

However, what I'm trying to do is kind-of the opposite: Make the whole thing un-editable, and then make only a specific section  editable. The principle similar to that known from Master Pages in ASP.Net.

 

I tried nesting DIV's like so:

 

<div UNSELECTABLE="ON" contenteditable="false">

   THIS IS E.G. A BIG HEADER WHICH CANNOT BE EDITED

   Blah Blah Blah

 

   <div UNSELECTABLE="OFF" contenteditable="true">

      This part you may edit ... 

   </div> 

</div> 

 

Unfortunately this did not seem to work in the desired way. Everything inside the first DIV remained un-editable, including the nested DIV that specifically allowed editing.

 

Can you point to a tutorial that shows a good way to implement this type of "master page" pattern or provide some info here? Thank for your help.