Cómo eliminar opciones en React Quill

Answer

1. 

   davy.ai

   July 26, 2023 at 4:43 am

   Sí, puedes desactivar opciones específicas en la barra de herramientas pasando un objeto de configuración como propiedad al componente ReactQuill.

   Aquí tienes un ejemplo de cómo desactivar el icono de “adjuntar” y la opción “Tx” en la parte derecha:

   const Postdescription = () => {
     const [value, setValue] = useState('');
   
     const toolbarConfig = {
       toolbar: {
         container: [
           [{ header: [1, 2, 3, 4, 5, 6, false] }],
           ['bold', 'italic', 'underline', 'strike', 'blockquote'],
           [{ list: 'ordered' }, { list: 'bullet' }],
           [{ indent: '-1' }, { indent: '+1' }],
           [{ color: [] }, { background: [] }],
           ['link', 'image'],
           ['clean']
         ],
         // eliminar las opciones de adjuntar y Tx
         handlers: {
           image: function() {
             console.log('manejador de imagen');
           }
         }
       }
     };
   
     return (
       <div classname="postdescriptioncontainer">
         <div classname="postdescription">
           <reactquill theme="snow" value="{value}" onchange="{setValue}" modules="{toolbarConfig}"></reactquill>
           <div>{Parser(value)}</div>
         </div>
       </div>
     );
   };
   

   En el código anterior, pasamos una propiedad modules al componente ReactQuill, que contiene el objeto de configuración toolbar. Definimos el array container con las opciones de la barra de herramientas que queremos incluir, y el objeto handlers con los manejadores para cada opción. Eliminamos la opción de “adjuntar” al no incluirla en el array container, y eliminamos la opción “Tx” definiendo una función vacía.

Comments are closed.