2011-03-04 14 views
30

Estoy usando tinymce, tengo múltiples áreas de texto en mi página. ¿Es posible solicitar sólo un área de texto,Estoy usando tinymce, ¿es posible solicitar solo un área de texto

1 área de texto es para la validación Descripción es como a continuación

 
var text = tinyMCE.get('txtdesc').getContent(); 

pero tengo más 3 más áreas de texto en mi página de modo tineMCE no debe aplicarse para todos estas áreas de texto

¿Cómo puedo aplicar solamente para el área de un texto

 
// this is my tinyMCE code 
    tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced" 
    }); 

// /tinyMCE 

Respuesta

59

Para el textarea asignar un área de texto class="" a la propiedad, esto va a apoyar para que

<script type="text/javascript"> 
    tinyMCE.init({ 
     //mode : "textareas", 
     mode : "specific_textareas", 
     editor_selector : "myTextEditor", 
     theme : "simple" 
    }); 
</script> 

<textarea id="txtdesc" name="txtdesc" class="myTextEditor" rows="6" cols="96" ></textarea> 
+0

Gracias por su respuesta – Navruk

+1

Cómo enlazarlo con attr "id" de textarea. –

+2

modo: "exacto", elementos: "textarea_id" | Por favor use esto en el código para usar –

42

En la configuración TinyMCE 3.x se puede poner selec clase tors o deselectors para habilitar o deshabilitar TinyMCE específicamente en áreas de texto con ciertas clases, simplemente coloque el atributo class="" en su área de texto.

editor_deselector : "mceNoEditor" // class="mceNoEditor" will not have tinyMCE 
editor_selector : "mceEditor", // class="mceEditor" will. 

Source.


A partir del 4.0.x TinyMCE

selector: "textarea", // Select all textarea 
selector: "textarea.editme", // Select all textarea with the class editme 
selector : "textarea:not(.mceNoEditor)", // Select all textarea exluding the mceNoEditor class 

Source.

+0

Gracias por su respuesta – Navruk

+0

finalmente una respuesta que funciona! –

6

En 4.x TinyMCE no hay deselector esta manera puede utilizar CSS normales para determinar qué áreas de texto son seleccionados y que son no.

<script type="text/javascript"> 
    tinymce.init({ 
     selector: "textarea:not(.textarea-no-styles)", 
}); 
</script> 
+0

Usó esta respuesta actualizada hoy. Funciona de maravilla. – Parapluie

+0

Pensé que agregaría que se pueden ingresar múltiples clases aquí, separadas por comas, para ser excluidas: 'selector:" textarea: not (.regTextarea1, .regTextarea2) '' – Parapluie

3

En 4.x TinyMCE, puede utilizar editor_selector opción, pero antes de que el modo de hacer seguro de que debe actualizarse para '' specific_textareas

<script type="text/javascript"> 
    tinymce.init({ 
    mode : "specific_textareas", 
    editor_selector : "mceEditor", 
    }); 
</script> 

también agregar la clase css mismo que el valor editor_selector en su área de texto , como por ejemplo anterior se debe tener este aspecto:

<textarea id='textarea1' class='mceEditor'>first text area</textarea> 

ahora, se añadirá editor en aquellos área de texto que tiene una clase denominada 'mceEditor'.

0

Puede hacerlo utilizando selector.

selector: "#text_area_id", // Select with textarea id 
1

Esto es lo que funcionó para mí en la versión 4.6.4, y es más simple:

acabo adjuntas #my_text_area_id a mi selector de la siguiente manera

selector: 'textarea#elm1' 
<textarea id="elm1" ...>...</textarea> 

creo que sirve

Cuestiones relacionadas