TinyMCE mit nicht-rechteckiger Begrenzung

Question

Ich möchte TinyMCE verwenden, um WYSIWYG die Inline-Bearbeitung des Seitenkörpers zu unterstützen. Das Schwierige ist, dass mein Seitenkörper nicht unbedingt rechteckig oder in Form eines normalen Textareals ist. Geben Sie einen Nachrichtenartikel wie this one ein. Könnte ich den gesamten Story-Body zu einer Instanz von TinyMCE machen, so dass mein Editor über und unter dem Lead-Image und den "Nicht verpassen" -Abschnitten erscheint?

Mit anderen Worten, ich würde TinyMCE (oder einen anderen Editor) verwenden, um die Umwicklung bestehender Seitenelemente wie Bilder, Navigation usw. zu unterstützen. Da TinyMCE kein Textfeld zum Formatieren verwendet, sollte dies möglich sein, Recht?

Answer 1

Wenn Sie die Abmessungen des Bildes wissen fließt in, könnten Sie ein bisschen TinyMCE config einen Platzhalter innerhalb der TinyMCE Editor zu erstellen, es ist Inhalt umfließen zu machen, und zugleich lag das Bild oben das Editorfenster.

Like:

tinyMCE.init({ 
    ... 
    oninit : function() { 
     /* create '<div style="float:left;width:100px;height:100px"/>' 
     and insert it in front of the actual TinyMCE data. 
     */ 
    }, 
    save_callback : function() { 
     /* remove the div created with oninit */ 
    } 
}); 

Dann die Artikelbild Position über dem Editor-Bereich zu fließen.

Alles in allem nicht trivial, aber weder ist Ihr Problem :-)

Cheers,