2010-11-26 58 views
6

estoy usando nicedit js que es un editor WYSIWYG en mi área de texto para ver el documento html, pero sigue siendo editable, cómo configurar este nicedit en modo solo lectura, intento buscar desde su documento pero incapaz de encontrarlo, hacer cualquiera tiene experiencia en el uso NicEdit,cómo configurar nicedit no editable

gracias de antemano

Respuesta

0

que voy a adivinar que es un editor WYSIWYG.

Prueba esto ...

document.getElementById('nicedit').removeAttribute('contentEditable'); 
3

finalmente la solución es

var = new myNicEditor nicEditor(); myNicEditor.addInstance ('templateContent'); nicEditors.findEditor ("templateContent"). Disable();

+0

que no podía hacerlo. Por favor guíame. Tengo textarea con el nombre 'area3'. Lo convertí en niceedit. Pero incluso después de reemplazar 'templateContent' en el código anterior por 'area3', no pude hacerlo de solo lectura. Por favor guíame. – Manoj

+0

hv u declara el código de arriba dentro de bkLib.onDomLoaded (function() {} – Apache

+0

Gracias. Lo tengo. – Manoj

6

Aquí es una solución útil jQuery que utilizo con NicEdit:

jQuery('.nicEdit-main').attr('contenteditable','false'); 
jQuery('.nicEdit-panel').hide(); 

puede simplemente cambiar de nuevo a 'verdadero' para hacerla editable de nuevo.

Nota: Consideraría alternar el color de fondo div junto con esta solución.

+2

Para cambiar el fondo -color use 'jQuery ('. nicEdit-main'). attr ('contenteditable', 'false'). parent(). css (" background-color "," #EEEEEE ")' –

+0

Asegúrate de ponerlo dentro bkLib.onDomLoaded (function() {donde nicEditor está instanciado – ShrapNull

1

Con la declaración nicEditors.findEditor("TextArea").disable(); niceditor es no editable Pero

nicEditors.findEditor("TextArea").attr("contentEditable","true"); 

no significa que sea editable nuevo

+0

hmm ... la primera parte es una duplicación de la auto-respuesta, y la segunda es ¿qué? – kleopatra

0

función de edición() {

a = new nicEditor ({fullPanel: true}) .panelInstance ('area5', {hasPanel: true}); }

función no_edit() {

a.removeInstance ('area5');
}

1

para mí sólo esto funcionó:

document.getElementsByClassName('nicEdit-main')[0].removeAttribute('contentEditable');