Ich benutze einen Inline-Editoripweditor Tool, das den tinyMCE Editor intern benutzt. Auf ihrer Demoseite wird eine alte Version von tinyMCE verwendet, die in meinem IE nicht funktioniert. Also habe ich tinyMCE mit der neuesten Version aktualisiert.

In der alten Version von TinyMCE wurden definierte Inhalte mit allen HTML-Tags zurückgegeben, während in der neuen Version nur Text ohne HTML-Tags zurückgegeben wurde. Hier ist der Link von jsFiddleDemo. Jeder weiß, wie ich tinyMCE konfiguriere, damit es mir auch HTML-Tags zurückgibt.

HTML

<div style="display:none">
    <form method="post" action="somepage">
        <textarea name="content" style="width:100%"></textarea>
    </form>
</div>
<div style="border: solid thin gray; padding:5px;">
    <div class="my_text"><b> <span>Click me! I am editable and WYSIWYG!!!</span></b> 
</div>

Javascript

    $(document).ready(function () {
    var ed = new tinymce.Editor('content', {
        mode: "exact",
        theme: "advanced",
        plugins: "emotions,table",
        theme_advanced_toolbar_location: "top",
        theme_advanced_statusbar_location: "bottom",
        theme_advanced_resizing: true,
        theme_advanced_buttons1: "bold,italic,underline,fontselect,fontsizeselect,forecolor,backcolor,|,code,",
        theme_advanced_buttons2: "",
        theme_advanced_buttons3: "",
        table_default_cellspacing: 0,
        table_default_border: 1,
        remove_linebreaks: false
    });

    $('.my_text').editable({
        type: 'wysiwyg',
        editor: ed,
        onSubmit: function submitData(content) {
            alert(content.current);
        },
        submit: 'save',
        cancel: 'cancel'
    });
});