Mam wypełniony formularz CKEDITOR z ukrytym stołem, który jest przesyłany wraz z tekstem wprowadzanym przez użytkownika. Działa to dobrze, ale czasami użytkownik naciska zbyt wiele razy klawisz Backspace i usuwa ukrytą tabelę.

Czy istnieje sposób na zablokowanie edycji tego ukrytego stołu w obszarze tekstowym ckeditor? Więc kiedy użytkownik naciśnie backspace, ukryta tabela nie zostanie zmieniona i pozostanie w niej.

Gdy tylko instancja CKEDITOR jest gotowa, to źródło (poniżej) jest umieszczane wewnątrz CkEditor Textarea (przy użyciu atrybutu setData ()), a użytkownik widzi tylko zwrócone<p></p> wartość. W tym przypadku jego<p>I really think I can do this!</p>. Jest to opis jego profilu i może go zachować i edytować. Reszta jest ukryta i widoczna tylko w e-mailu po przesłaniu formularza. To dziwne<p></p> jest na górze, ale jeśli użytkownik naciśnie klawisz Backspace kilka razy, tabela zostanie usunięta i nie zostanie przesłana.

    <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>

Teraz, gdy załaduję wtyczkę, moje okno CKeditor zniknie, naciśnij „Zastosuj” na stronie testowejhttp://gcc-july.themantas.co.uk/auditions/actors-ededed Zaloguj się najpierw, aby uzyskać dostęp do okna wiadomości Nazwa użytkownika: [email protected] pssw: test

Mój plik konfiguracyjny:

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;

};

Tak wygląda pudełko po wyłączeniu wtyczki:http://screencast.com/t/Kc2bIOU8md2

Używam twojej sugerowanej struktury HTML.