2011-12-20 11 views
17

Hola, necesito configurar contenido predefinido dentro del editor tinyMCE. Debajo está mi html y jquery.Establecer valor dentro de un editor TinyMCE usando jQuery

<script type="text/javascript"> 
    tinyMCE.init({ 
     mode : "exact" , 
     elements : "country" 
    }); 
</script> 
<script type="text/javascript"> 
    $(function() { 
     $("#lang").change(function() { 
      var s = $(this).val(); alert(s); 
      $("#country").val(s); 
     }) 
    }) 
</script> 


<select id="lang"> 
     <option value="">Please Select country</option> 
     <option value="us">US</option> 
     <option value="es">SPAIN</option> 
     <option value="jp">JAPAN</option> 
    </select><br /><br /> 
    <textarea id="country" cols="10" rows="5"></textarea> 

La secuencia de comandos funciona para un área de texto normal pero no para tinyMCE. ¿Hay algo que estoy haciendo mal en esto?

Gracias

+0

Im bastante seguro de pequeña MCE hace que un elemento de sudo para los usuarios escribir en lo que si el cambio del valor del país no va a cambiar la salida. Sin embargo, existe un complemento especial para que tinymce interactúe con jquery http://www.tinymce.com/tryit/jquery_plugin.php –

Respuesta

30

Creo que se puede hacer:

$(function() { 
    $("#lang").change(function() { 
     var s = $(this).val(); 
     alert(s); 
     tinyMCE.activeEditor.setContent(s); 
    }); 
}); 
+0

+1 que es el camino a seguir – Thariama

+3

Para una instancia específica de tinyMCE, también se puede usar 'tinyMCE. getInstanceById ('textarea_id'). setContent (s); ' – Sharlike

+0

Funciona muy bien. Lo estoy usando como respuesta ajax para establecer en el tinyMCE. –

1

Simplemente esto funciona para mí

$ ("# descripción") val (contenido);.

+0

No funciona como sugieres. –

Cuestiones relacionadas