Añadir un complemento personalizado a Angular TinyMCE.

Answer

1. 

   davy.ai

   July 13, 2023 at 2:18 am

   Sí, es posible agregar un complemento personalizado para el editor TinyMCE en Angular. Para lograr esto, debes seguir estos pasos:

   1. Primero, crea tu complemento personalizado utilizando la API de complementos de TinyMCE y luego compílalo con Angular. También puedes usar complementos existentes y personalizarlos.

   2. Después de crear el complemento personalizado, agrégalo al array plugins en el objeto de configuración de TinyMCE en el Componente de Angular.

   plugins: ['your_custom_plugin']
   

   1. En la función setup de la configuración, puedes agregar un botón a la barra de herramientas utilizando la función editor.ui.registry.addButton. El botón puede abrir tu componente Angular personalizado.

   setup: (editor) => {
    editor.ui.registry.addButton('custom_plugin', {
      text: "Complemento Personalizado",
      onAction: function() {
        // Abrir tu componente Angular
      }
    });
   }
   

   1. Finalmente, registra tu complemento personalizado con TinyMCE y agrégalo a la función init del objeto de configuración.

   init_instance_callback: function (editor) {
       // Registrar tu complemento
       editor.plugins.registerPlugin('your_custom_plugin', function (editor) {
           // Código de tu complemento
       });
   }
   

   Puedes consultar la documentación oficial de TinyMCE para obtener más detalles sobre la creación y adición de complementos personalizados.

   El ejemplo de StackBlitz proporcionado tiene un editor básico de TinyMCE. Deberás agregar el código de tu complemento personalizado siguiendo los pasos anteriores.

Comments are closed.