Jak na needitovatelnou část v „contenteditable“ editoru?

Tak třetí možnosti bych se zcela určitě vyhnul. Zkoušel jsem to a zdá se, že mi to funguje ve všech majoritních prohlížečích celkem normálně, nevím kde máš problém, pokud nemyslíš nevymazání needitovatelného prvku při stisku backspace ve Firefoxu, což by měl řešit tenhle kód, ale nefunguje mi. Možná by stačilo ho nějak upravit (nezkoumal jsem ho).

Reaguji na Str4wberryho:
„část, do které nepůjde čmárat“
Má tam jen překážet částem, do kterých půjde čmárat, nebo bude mít i nějaký další význam?

Dělal jsem nedávno WYSIWYG editor, do něhož měl mít uživatel možnost vkládat různé boxíky podle šablonek. Nebylo žádoucí, aby je mohl měnit přímo ve WYSIWYGu, protože by naboural jejich pevně danou strukturu (na upravitelné texty měl připravené dialogové okno), ale potřeboval jsem zajistit, aby celý boxík mohl snadno přesouvat a mazat, případně i kopírovat/vkládat/vyjímat přes standardní systémovou schránku. Řešil jsem to tak, že jsem na místo boxíku dal průhledný <img>, pod celý editor jsem dal další vrstvu se skutečnou HTML podobou boxíku a při změnách jsem synchronizoval absolutní pozici boxíku s přirozenou pozicí <img> a rozměry <img> s přirozenými rozměry boxíku. Ty <img> pak šly přetahovat standardním drag&drop (v prohlížečích podporujících drag&drop), mazat atd. — takže to jsem už dál nemusel řešit individuálně.

Než jsem vymyslel tenhle postup, také jsem prošel tři zmíněné varianty.
Vím, že jsem chvíli přemýšlel, že bych dal těm obrázkům visibility: hidden, ale že mi to nechtělo fungovat v Exploreru. O pár měsíců později jsem zjistil, že to jde přepnout nedokumentovaným editačním příkazem RespectVisibilityInDesign, ale to už jsem to nepotřeboval.

Reaguji na Str4wberryho:
„zamezit možnosti měnit velikost toho obrázku“
V Exploreru je událost onresizestart, která se nechá stopnout return false, tu je nutné nastavit každému obrázku individuálně.
V Mozille je globální přepínač pro celý dokument — document.execCommand("enableObjectResizing", false, false).

Obrázky mají ještě tu nepříjemnou vlastnost, že je člověk může přetáhnout (či jinak přesunout) dovnitř řádkových elementů či odstavců, což je pro (zpravidla blokový) boxík docela nepřirozená pozice. Ve svém editoru při synchronizaci rozměrů a pozic zároveň provádím kontrolu, jestli nejsou <img> uvnitř něčeho, v čem nemají být, a případně je vyšoupávám ven.