Wie blockiere ich die Bearbeitung bestimmter Teile des Inhalts im CKEDITOR-Textbereich?

Ich habe mein CKEDITOR-Formular mit einer versteckten Tabelle ausgefüllt, die zusammen mit dem vom Benutzer eingegebenen Text gesendet wird. Dies funktioniert einwandfrei, aber manchmal drückt der Benutzer die Rücktaste zu oft und löscht die ausgeblendete Tabelle.

Gibt es eine Möglichkeit, die Bearbeitung dieser verborgenen Tabelle im Textbereich von ckeditor zu blockieren? Wenn der Benutzer die Rücktaste drückt, bleibt die ausgeblendete Tabelle unverändert.

Sobald die CKEDITOR-Instanz bereit ist, wird diese Quelle (siehe unten) in das CkEditor-Textarea eingefügt (mithilfe des setData () -Attributs) und der Benutzer sieht nur die zurückgegebenen Daten<p></p> Wert. In diesem Fall ist es<p>I really think I can do this!</p>. Es ist eine Beschreibung seines Profils und er kann es behalten und bearbeiten. Der Rest ist versteckt und nur in der E-Mail sichtbar, wenn das Formular gesendet wird. Es ist seltsam, dass<p></p> ist oben, aber wenn der Benutzer mehrmals die Rücktaste drückt, wird die Tabelle gelöscht und daher nicht gesendet.

    <span id="messageTemplate1" class="message">

<p>I really think I can do this!</p>

<table class="hide" style="font-size: 12px;">
    <tbody>
        <tr class="hide">
            <td>
            Application sent by <strong><a href="http://www.globalcastingcenter.com/talent/jack-bolton">Matt Faro</a></strong> for Audition: <a href="http://www.globalcastingcenter.com:80/CustomContentRetrieve.aspx?ID=4185493">Actors Needed</a>
            </td>
        </tr>
        <tr class="hide">
            <td>
            Reply to applicant directly: [email protected] or visit full profile: http://www.globalcastingcenter.com/talent/jack-bolton
            </td>
        </tr>
    </tbody>
</table>
<table class="hide" style="font-size: 12px;">
    <tbody>
        <tr class="hide">
            <td><strong>Short Profile Summary:</strong></td>
        </tr>
    </tbody>
</table>
<table class="hide" style="font-size: 12px;">
    <tbody>
        <tr class="hide">
            <td>
            <a href="http://www.globalcastingcenter.com/talent/jack-bolton"><img alt="" src="http://globalcastingcenter.com/talent_images/4164035_258551_foto.png?Action=thumbnail&amp;Width=144&amp;Height=215" /></a>
            </td>
        </tr>
    </tbody>
</table>
<table style="font-size: 12px;" class="hide">
    <tbody>
        <tr class="hide">
            <td><strong>Areas:</strong></td>
            <td>Actor,Extra</td>
        </tr>
        <tr class="hide">
            <td><strong>Country:</strong></td>
            <td>WORLDWIDE,Any</td>
        </tr>
        <tr class="hide">
            <td><strong>Age:</strong></td>
            <td>26</td>
        </tr>
    </tbody>
</table>
</span>

Wenn ich jetzt Ihr Plugin lade, verschwindet meine CKeditor-Box, bitte klicken Sie auf "Übernehmen" auf der Testseitehttp://gcc-july.themantas.co.uk/auditions/actors-needed Bitte melden Sie sich zuerst an, um auf das Nachrichtenfeld zugreifen zu können. Anmeldename: [email protected] pssw: test

Meine Konfigurationsdatei:

CKEDITOR.editorConfig = function( config )
{
    config.toolbar = 'MyToolbar';

    config.toolbar_MyToolbar =
    [

        { name: 'clipboard', items : [ 'Undo','Redo' ] },           
        { name: 'styles', items : ['FontSize' ] },
        { name: 'basicstyles', items : [ 'Bold','Italic'] },
        { name: 'paragraph', items : ['Outdent','Indent' ] },

    ];

    config.removePlugins = 'contextmenu';
    config.forcePasteAsPlainText = true;   
    config.pasteFromWordRemoveFontStyles = true;
    config.pasteFromWordRemoveStyles = true;
    config.extraPlugins = 'cwjdsjcsconfineselection';
    config.startupShowBorders = false;
    config.disableObjectResizing = true;

};

So sieht die Box aus, wenn ich dein Plugin deaktiviere:http://screencast.com/t/Kc2bIOU8md2

Ich verwende Ihre vorgeschlagene HTML-Struktur.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage