Mein Webseitenkunde pflegt seine Beiträge (die Textinhalte) via Frontend bisher selbst. Im Zuge eines Relaunchs erhält er jetzt eine neue, natürlich responsive Webseite. Als Editor dient der JCE.
Hier beziehe ich mich nur auf einen bestimmten (Start-)Beitrag, der u. a. ein Hintergrundbild haben soll. Dieses muss zwar durch den Text hindurch sichtbar sein, aber der Redakteur darf auf keinen Fall an das <div> herankommen, in welchem die Parameter des Bildes definiert sind. Gleichzeitig soll er am Text (und nur dort) beliebige Änderungen vornehmen dürfen (Absätze löschen, hinzufügen, ändern etc.).
Weiteres Problem: Die Beiträge enthalten etliche Visible-Tags für die unterschiedlichen Monitorgrößen (manche Texte erscheinen auf Smartphones gekürzt). Auch die <div>s, die diese Visible-Tags enthalten, dürfen von Redakteur nicht (versehentlich) geändert werden. Idealerweise soll er auch nicht durch drei verschiedene Texte (Desktop, Tablet, Smartphone), die sich im Editor typischerweise überlagern, so dass sie eigentlich nur direkt via Code geändert werden können, verwirrt werden. Der Redakteur aber soll natürlich vom Code selbst fernbleiben.
Das gleiche gilt für die <div>s, die in Abhängigkeit von der Bildschirmgröße definieren, ob der Beitrag drei-, zwei- oder einspaltig erscheint.
Zusammengefasst: Wie lässt sich auf möglichst einfache zuverlässige Art und Weise verhindern, dass die <div>s für die Hintergrundbilder, die Spaltenanzahl und die Sichtbarkeit bestimmter Texte manipuliert bzw. irrtümlich gelöscht werden?
Für all das habe ich bisher keine gescheite und narrensichere Lösung gefunden, so dass in mir der Verdacht aufkeimt, dass die heutigen responsiblen/monitorangepassten Webseiten möglicherweise nur noch von Leuten gepflegt werden können, die auch HTML und CSS beherrschen und das Ganze am besten auch nur via Backend machen. Oder bin ich da zu verbohrt, und es gibt doch eine einfache Lösung?
Vielen Dank im voraus für sachdienliche Hinweise ...