I want to prevent users from editing certain sections in the content area. I've found a way to do it in IE7 but I don't have a good way to do it in Firefox.
Take this code for example:
|<p>Regular text. Edit as normal.</p>
|<div aria-readonly="true">Don't touch me. Nobody gives you that right!</div>
|<p>Carry on editing.</p>
When you're in design mode in IE, if you click the readonly section, it is uneditable. Firefox just ignores it.
I'm sure there's a better way to do this that works in all browsers. I just haven't come up with one.
Anyone have any ideas?