Cómo obtener el valor de un select en el modal windowManager de TinyMCE

26 ene 2017, 12:50:33
Vistas: 1.31K
Votos: 0

Hola, estoy usando un archivo Javascript para integrar un botón con una función en mi editor TinyMCE en WordPress. Quiero obtener el valor del campo select y usarlo para operaciones posteriores. ¿Cómo puedo obtener el valor seleccionado?

init : function(ed, url)
        {
            ed.addButton('code-hightlight',
            {
              title : 'Resaltado de código',
              cmd : 'code-hightlight-cmd',
              image : url + '/prism-icon.jpg'
            });
            ed.addCommand('code-hightlight-cmd', function()
            {
              tinymce.activeEditor.windowManager.open
              ({
                  title: 'Resaltador de código',
                  width : 300,
                  height : 300,
                  html :
                      '<label>Lenguaje de programación:<select id="programming-language-id" name="programming-language-name" size="1"><option>ABAP</option><option>C#</option><option>CSS</option><option>HTML</option><option>Java</option><option>Javascript</option><option>PHP</option><option>SQL</option></select></label>',
                  buttons: [
                      {
                          text: 'Confirmar',
                          onclick: function()
                          {
                              var id_id = tinymce.get('programming-language-id');
                              alert(id_id);
                              var id_name = tinymce.get('programming-language-name');
                              alert(id_name);
                              tinymce.activeEditor.execCommand('mceInsertContent', false, "algún texto");
                              tinymce.activeEditor.windowManager.close();
                          }
                      },
                      {
                          text: 'Cerrar',
                          onclick: 'close'
                      }
                  ]
              });
            });
        },

Ejemplo de interfaz TinyMCE en WordPress

0
Todas las respuestas a la pregunta 1
0

Si entendí correctamente tu pregunta, esto está más relacionado con la programación en Javascript que con WordPress.

Para obtener el valor o texto de la opción seleccionada de una etiqueta HTML select, utiliza:

var e = document.getElementById("id-del-lenguaje-programacion");
var valor = e.options[e.selectedIndex].value;  //tu código no establece el valor de la opción
var texto = e.options[e.selectedIndex].text;  //esto obtendrá el texto de la opción seleccionada
26 ene 2017 15:23:46