Issue #2826💬 RespondidoAbierto el 12 de junio de 2020por tonypartridgeReacciones 1

¿Lista de selección personalizada a componente de texto?

Respuesta rápidapor RJCAM1

Hola @tonypartridge aquí tienes un código de ejemplo para conseguir eso Puedes ver en la documentación para más detalles: https://grapesjs.com/docs/api/richtexteditor.html#add

Lee la respuesta completa abajo ↓

Pregunta

Hola a todos.

Ya lo he visto antes, pero ahora no lo encuentro por nada del mundo. Básicamente, en el componente de texto tenemos la barra superior: https://gyazo.com/754513edcebbb0566f18e384d3eba453

¿Cómo podemos insertar aquí una lista selecta, por ejemplo?

Nombre Correo electrónico Teléfono

que inserta: {{NOMBRE}} {{EMAIL}} {{TELÉFONO}}

¿Es básicamente un selector de código corto?

Respuestas (2)

RJCAM12 de junio de 2020

Hola @tonypartridge aquí tienes un código de ejemplo para conseguir eso

Un ejemplo con fontSize
rte.add('fontSize', {
  icono: '<select class="gjs-field">
        <option>1</option>
        <option>4</option>
        <option>7</option>
      ',</select>
    Vincula el 'resultado' al oyente de 'cambio'
  evento: 'cambio',
  result: (rte, acción) => rte.exec('fontSize', action.btn.firstChild.value),
  Retorno de llamada en cualquier cambio de entrada (mousedown, key down, etc.)
  Actualización: (RTE, acción) => {
    valor const = rte.doc.consultaValorComanda(action.name);
    si (valor != 'falso') { // valor es una cadena
      acción.btn.firstChild.value = valor;
    }
   }
  })

Puedes ver en la documentación para más detalles: https://grapesjs.com/docs/api/rich_text_editor.html#add

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 →

Explorar categorías de plugins

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