No se pueden añadir marcadores de posición en opciones de campo desplegable de texto con CKEditor activado

Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Chrome

Enlace de demo reproducible

https://codepen.io/darrenbawag/pen/JjWBLrp

Describe el bicho

¿Cómo reproducir el bicho?

1. Abre este enlace https://codepen.io/darrenbawag/pen/JjWBLrp e intenta mostrar el desplegable marcador a la barra de herramientas de CKEditor usando este código, pero esto solo muestra el desplegable cuando no añadimos el grape grapesjs-plugin-ckeditor a la configuración. ''' rte.add("fontSize", { icono: '<select class="gjs-field"> <opción id="defaultPlaceholder">Placeholder</option> <valor de opción="[[salutación]]">Saludo</option> <valor de opción="[[nombre]]">Nombre</option> <valor de opción="[[apellido]]">Apellido</option> ',</select> Vincula el 'resultado' al oyente de 'cambio' Evento: "Cambio", resultado: ( RTE: { exec: (arg0: string, arg1: desconocido) => desconocido }, acción: { btn: { firstChild: { value: unknown } } } ) => rte.exec("fontSize", action.btn.firstChild.value), Retorno de llamada en cualquier cambio de entrada (mousedown, key down, etc.) Actualización: ( rte: { insertHTML: (arg0: desconocido) => void }, acción: { btn: { hijos: { selectedOptions: { valor: desconocido }[] }[] } } } ) => { rte.insertHTML(acción.btn.children[0].selectedOptions[0].value); }, });```
2. ...

¿Cuál es el comportamiento esperado? GrapeJS ckeditor debería ofrecer una forma de añadir menús desplegables personalizados,

¿Cuál es el comportamiento actual? No puedo personalizar un marcador desplegable en las opciones de la barra de herramientas cuando uso Grape, js, ckeditor o plugin personalizado.

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo: Este código añade el desplegable a la barra de herramientas predeterminada de RichTextEditor, pero no añade el desplegable en las opciones de la barra de CKeditor '''js rte.add("fontSize", { icono: '<select class="gjs-field"> <opción id="defaultPlaceholder">Placeholder</option> <valor de opción="[[salutación]]">Saludo</option> <valor de opción="[[nombre]]">Nombre</option> <valor de opción="[[apellido]]">Apellido</option> ',</select> Vincula el 'resultado' al oyente de 'cambio' Evento: "Cambio", resultado: ( RTE: { exec: (arg0: string, arg1: desconocido) => desconocido }, acción: { btn: { firstChild: { value: unknown } } } ) => rte.exec("fontSize", action.btn.firstChild.value), Retorno de llamada en cualquier cambio de entrada (mousedown, key down, etc.) Actualización: ( rte: { insertHTML: (arg0: desconocido) => void }, acción: { btn: { hijos: { selectedOptions: { valor: desconocido }[] }[] } } } ) => { rte.insertHTML(acción.btn.children[0].selectedOptions[0].value); }, });

### Código de conducta

- [X] Acepto seguir el Código de Conducta de este proyecto