Como bloquear a edição em determinada parte do conteúdo na área de texto CKEDITOR?
Eu tenho meu formulário CKEDITOR pré-preenchido com a tabela oculta que está sendo enviada juntamente com o texto inserido pelo usuário. Isso funciona bem, mas às vezes o usuário pressiona o retrocesso muitas vezes e apaga a tabela oculta.
Existe uma maneira de bloquear a edição nesta tabela oculta dentro da textarea do ckeditor? Assim, quando o usuário pressiona o retrocesso, a tabela oculta não é afetada e permanece dentro dela.
Assim que a instância CKEDITOR estiver pronta, essa fonte (abaixo) será colocada dentro da Textarea do CkEditor (usando o atributo setData ()) e o Usuário verá apenas o retorno<p></p>
valor. Neste caso,<p>I really think I can do this!</p>
. É uma descrição do seu perfil e ele pode mantê-lo e editá-lo. O restante está oculto e visível apenas no email quando o formulário é enviado. É estranho que<p></p>
está no topo, mas se o usuário pressionar Backspace algumas vezes, a tabela será excluída e, portanto, não será enviada.
<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&Width=144&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>
Agora, quando eu carregar o seu plugin minha caixa CKeditor desaparece, por favor, pressione "Aplicar" na página de testehttp://gcc-july.themantas.co.uk/auditions/actors-needed por favor, faça o login primeiro para poder acessar a caixa de mensagens Nome de login: [email protected] pssw: test
Meu arquivo de configuração:
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;
};
É assim que a caixa aparece quando desativo o seu plugin:http://screencast.com/t/Kc2bIOU8md2
Eu uso sua estrutura HTML sugerida.