Issue #371💬 RespondidoAbierto el 4 de octubre de 2017por edwardjiaweiReacciones 0

Activa el RTE por defecto con una función personalizada

Respuesta rápidapor artf

Hola @edwardjiawei, no funciona porque el 'comando: 'tlb'' en 'RichTextEditor.add' no es el comando de GrapesJS sino el de la API de 'execCommand' (por ejemplo, 'fontSize', 'insertHTML', etc.) así que actualmente no puedes añadir comportamientos personalizados a RTE. Lo cierro porque no planeo soportar más el RTE actu...

Lee la respuesta completa abajo ↓

Pregunta

Hacer correctamente mi llamada a la API, quiero añadir un RTE con función personalizada para añadir un enlace/abrir ventanas nuevas/abrir modal:

Command funciona para fontSize pero el desplegable no está alineado y muestra el valor de la opción El comando no funciona para insertHTML. Función que no funciona (Intencionada/No es una característica)

! uvas

http://grapesjs.com/demo.html

  editor. RichTextEditor.add('fontSize', {
    comando: 'fontSize',
    Opciones: [
      {nombre: 'Huge', valor: '7'},
      {nombre: 'Normal', valor: '5'},
      {valor: '1'}
    ]
  });  

Creo que ni siquiera el comando funciona para añadir HTML específico

    editor. RichTextEditor.add('insertHTML', {
    comando: 'insertHTML',
    Clase: 'FA FA-Link',
    título: 'prueba',
    args: '<a class="link" href="">${content}</a>',
  });  

 editor. Commands.add('tlb', {
    run: function(editor, sender){
      editor.getSelected().view.enableEditing();
      Sethref para el enlace, etc.
      alerta ('¡Hola mundo!');
    },
    stop: function(editor, sender){
    },
  });
    editor. RichTextEditor.add('tlb', {
    Orden: 'TLB',
    Clase: 'FA FA-Link',
    Título: 'Prueba'
 
});  

Respuestas (3)

artf4 de octubre de 2017

Hola @edwardjiawei, no funciona porque el 'comando: 'tlb'' en 'RichTextEditor.add' no es el comando de GrapesJS sino el de la API de 'execCommand' (por ejemplo, 'fontSize', 'insertHTML', etc.) así que actualmente no puedes añadir comportamientos personalizados a RTE. Lo cierro porque no planeo soportar más el RTE actual, en su lugar, lo reemplazaré por otro que también soporte acciones personalizadas (añadidas a la hoja de ruta)

edwardjiawei4 de octubre de 2017

Espero que puedan soportar algún RTE con licencias más permisivas como MIT o BSD. Supongo que algunas empresas incluso podrían no elegir BSD. La integración con CKEditor es bastante sencilla, pero la licencia puede no ser buena para algunas empresas.

Gracias de todas formas.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.