Comment faire pour bloquer l'édition sur certaine partie du contenu dans CKEDITOR textarea?

J'ai mon CKEDITOR formulaire prérempli avec table masquée qui est soumis ensemble avec de l'utilisateur entrées de texte. Cela fonctionne bien, mais parfois, l'utilisateur appuie sur la touche retour arrière de trop nombreuses fois et supprime la table masquée.

Est-il un moyen de bloquer l'édition sur cette table masquée à l'intérieur de ckeditor textarea? Donc quand l'utilisateur appuie sur la touche retour arrière de la table masquée n'est pas affectée et reste dans.

Dès que CKEDITOR instance est prête de cette source (ci-dessous) est mis à l'intérieur de CkEditor Textarea (à l'aide de setData() attribut) et que l'Utilisateur ne voit que le retour de l' <p></p> valeur. Dans ce cas, son <p>I really think I can do this!</p>. Ses une description de son profil et il peut le garder et de le modifier. Le reste est caché et visible uniquement en e-mail lorsque le formulaire est soumis. Son étrange que <p></p> est sur le dessus, mais si l'utilisateur appuie sur la touche retour arrière à quelques reprises, le tableau est supprimé et donc pas soumis.

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

Maintenant, quand je charge votre mon plugin CKeditor boîte disparaît, appuyez sur le bouton "Appliquer" sur la page de test de http://gcc-july.themantas.co.uk/auditions/actors-needed connectez-vous d'abord d'être en mesure d'accéder à la boîte de message nom de Connexion: [email protected] pssw: test

Mon fichier de config:

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

C'est comment la boîte ressemble quand je désactive le plugin: http://screencast.com/t/Kc2bIOU8md2

- Je utiliser votre structure HTML.

J'ai eu une situation où les utilisateurs commencé avec une table, nous avons voulu limiter l'utilisateur à modifier dans le tableau et les empêcher de changer une cellule dans le tableau. J'ai créé un plugin pour accomplir cette tâche. Pouvez-vous donner plus de détails sur ce que l'utilisateur commence par? Est la table masquée à l'intérieur de tout autre contenant? Est-il un conteneur principal que l'utilisateur travaille à l'intérieur? Montrer le code HTML contenu dans l'éditeur serait utile, vous pouvez cliquer sur le bouton source, puis copiez et collez dans votre question. Le contenu n'est pas important, juste la structure avec les classes et les ID des éléments.
Merci pour vous commentaire codewaggle. J'ai ajouté supplémentaire d'explication et de la source, s'il vous plaît laissez-moi savoir ce que vous en pensez.
Mon plugin pour gérer cela, je vais le nettoyer et le mettre dans une réponse dans un délai de quelques heures.

OriginalL'auteur Mantas | 2012-07-04