Inicializar Múltiples TinyMCE

Answer

1. 

   davy.ai

   July 27, 2023 at 8:01 am

   Si estás intentando inicializar varios editores de texto TinyMCE en tu página y encuentras errores con áreas de texto simples o si el primer área de texto (con TinyMCE) no está activa, puedes probar las siguientes soluciones:

   1. Utiliza un ID único: En lugar de usar un nombre de clase con el nombre de la etiqueta HTML (como selector: 'textarea'), utiliza un ID único para cada elemento textarea y pásalo como selector:

       tinymce.init({
           selector: '#myTextarea',
           plugins: 'link',
           menubar: '',
           toolbar: 'link'
       });
      

   2. Utiliza un nombre de clase con un atributo de datos específico: Si quieres utilizar un nombre de clase para tus elementos textarea, agrega un atributo de datos específico a cada elemento textarea y úsalo como selector:

       <textarea class="myTextarea" data-editor="tinyMCE"></textarea>
      
       tinymce.init({
           selector: 'textarea[data-editor="tinyMCE"]',
           plugins: 'link',
           menubar: '',
           toolbar: 'link'
       });
      

   3. Utiliza un bucle: Si tienes varios elementos textarea con el mismo nombre de clase, puedes utilizar un bucle para inicializar cada uno de ellos por separado:

       var textareas = document.querySelectorAll('.myTextarea');
       for (var i = 0; i < textareas.length; i++) {
           tinymce.init({
               selector: textareas[i],
               plugins: 'link',
               menubar: '',
               toolbar: 'link'
           });
       }
      

   Asegúrate de incluir el script de TinyMCE antes del código de inicialización y verifica si hay errores en la consola que puedan ayudarte a identificar el problema con tu código.

Comments are closed.