Pregunta TinyMCE renderiza los elementos del cuadro de lista como html


Creé un complemento de TinyMCE y necesito los elementos de la lista para mostrar html. Este es mi complemento:

editor.addButton('icons', {
  title: 'Foo',
  text: 'Foo',
  type: 'button',
  onclick: function() {
    editor.windowManager.open({
      title: 'Foo',
      width: 300,
      height: 200,
      body: [{
        type: 'listbox',
        label: 'Foo',
        name: 'foo',
        values: [{
          title: '<em>Foo</em>', // <-- Mark save. Render as html.
          value: 1
        }],
      }],
    });
  }
});

Ver también el violín: http://jsfiddle.net/allcaps/vqctac3d/

Pero el resultado se ve así:

enter image description here

Esperado:

enter image description here

¿Cómo puedo marcar el título de la opción de lista para que el contenido se represente como html?


8
2017-09-28 11:37


origen


Respuestas:


Como nadie más respondió esta pregunta, colocaré la respuesta / solución propuesta del comentario en una respuesta.

En realidad, no es posible insertar código html usando la forma de creación de listbox de tinymce. Pero es posible diseñar listboxes usando css.

Debido a que las listboxes y otros elementos de la interfaz de usuario de tinymce se procesan dinámicamente, puede ser difícil dirigirse a los elementos html dom correctos.

Una solución alternativa a esto puede ser cambiar el listbox html después de que se haya creado el listbox. Esto es posible en caso de que el pedido sea conocido (y eso es casi cierto).


2
2017-10-05 06:37