¿Lista de selección personalizada a componente de texto?
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)
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
@tonypartridge probablemente te refieras a este https://github.com/artf/grapesjs/issues/481#issuecomment-342282125
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2781
No se puede pulsar espacio dentro del componente de botones
Hola a todos, Tengo un componente de botón, me permite editar el texto, pero no me permite escribir un espacio ''. Aunque puedes copiar y p...
Issue #2069
[BUG] 'allowScripts: true' sigue <script> eliminando etiquetas
Hola a todos. Gracias por crear y mantener este increíble proyecto. 🙏 Descripción del bug Tengo un bloque que inserta un script como se es...
Issue #2187
¿Cómo cambiar el título del componente Imagen en el Cursor de Pasajero?
Hola @artf, ¿Cómo puedo cambiar el título de mi componente de imagen cuando paso el cursor por encima? Sigue el texto resaltado en esta ima...
Issue #3422
¿Cómo podemos eliminar el contenido de texto predeterminado del componente de texto 'Inserte su texto aquí'?
Quiero eliminar el texto por defecto del componente de texto igual que el marcador de posición. Cada vez que arrastramos un componente de t...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.