I have a Web Page with progressive enhancement - a script adds some formatting and elements to the page.
The page also allows inline editing.
Now here's my issue: in edit mode, the progressive enhancement script does its job and adds markup. Some of the markup goes in the areas that can be edited, so it gets saved when the user saves the page, which of course is not the wanted behavior.
What would be a clean way to make inline editing and progressive enhancement work on the same page?
You said your progressive enhancement script adds markup to highlight important content snippets but you don't want to save that automatically added markup. Here is a clean and efficient solution:
<span class="inline-highlighted-element"></span>
.