es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Configurar la opción predeterminada del usuario en la barra de herramientas de tinyMCE.

Estoy usando la versión 5 de TinyMCE. Por defecto, el estilo seleccionado es ‘Párrafo’, como se muestra en esta imagen:
[aquí] (https://i.stack.imgur.com/JNjuf.png) [barra de herramientas de tinyMCE, tal como lo ve el usuario antes de realizar cualquier configuración de formato]

Pero sé que a mis usuarios les gustará usar el estilo ‘Div’. Así que me gustaría que ‘Div’ esté seleccionado de forma predeterminada. La barra de herramientas debería aparecer como en esta imagen:
[aquí] (https://i.stack.imgur.com/1EW5X.png) [barra de herramientas de tinyMCE, como quiero que se configure de forma predeterminada]

¿Es posible?
No he encontrado la respuesta en la [documentación de tinyMCE] (https://www.tiny.cloud/docs/quick-start/).
La misma pregunta si quieres, por ejemplo, que el botón “negrita” esté seleccionado de forma predeterminada, etc.

¡Gracias!

Tags:  ,

Answer

  1. Avatar for davy.ai

    Configuración del estilo predeterminado en TinyMCE v5

    De forma predeterminada, TinyMCE v5 selecciona el estilo Paragraph cuando se carga. Sin embargo, es posible configurar el estilo predeterminado como otra opción, como Div, según las preferencias del usuario.

    Para lograr esto, se puede agregar la siguiente opción de configuración al código de inicialización de TinyMCE:

    tinymce.init({
      selector: 'textarea',
      content_style: "div { margin: 0; }",
      block_formats: 'Div=div;Paragraph=p;Heading 1=h1;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;',
      format: 'div'
    });
    

    Aquí, la opción block_formats establece los estilos disponibles en el menú desplegable y la opción format establece el estilo predeterminado como div. La opción content_style también se puede utilizar para aplicar estilos predeterminados al área de contenido.

    De manera similar, si desea que el botón bold esté seleccionado de forma predeterminada, puede utilizar la siguiente opción de configuración:

    tinymce.init({
      selector: 'textarea',
      toolbar: 'bold italic underline | strikethrough superscript subscript | link image | code',
      init_instance_callback: function (editor) {
          editor.formatter.toggle('bold');
      }
    });
    

    Aquí, la opción init_instance_callback establece que el botón bold esté seleccionado de forma predeterminada cuando se carga el editor. La opción toolbar establece las opciones de formato disponibles en la barra de herramientas.

    Para obtener más información, consulte la documentación de TinyMCE.

Comments are closed.