HAZAÑA: tipo de texto para el gestor de estilo
@aliibrahim123 si no especificas ningún tipo, se creará una propiedad simple de tipo de texto :)
Lee la respuesta completa abajo ↓Pregunta
El Style Manager de Grapesj tiene tantas características interesantes, pero no tiene un tipo de propiedad de texto, Entonces, ¿por qué no lo añades?
Respuestas (3)
@aliibrahim123 si no especificas ningún tipo, se creará una propiedad simple de tipo de texto :)
hola
Hice una composición de texto sencilla
Este es el código
styleManager.addType('text', {
create({ props, change }) {
const el = document.createElement('div');
el.innerHTML = '<tipo de entrada="texto" clase="mi-entrada" />';
const inputEl = el.querySelector('.my-input');
inputEl.addEventListener('change', event => change({ event })); El cambio desencadenar la emisión
inputEl.addEventListener('input', event => change({ event, complete: false }));
devuelve El;
},
emit({ props, updateStyle }, { evento, completo }) {
const { value } = event.target;
const valueRes = value;
updateStyle(valueRes, { complete });
},
update({ value, el }) {
el.querySelector('.mi-entrada').valor = valor;
},
destruir() {
}
});Gracias por informar de esto, @aliibrahim123.
¡Gran sugerencia sobre FEAT: tipo de texto para gestor de estilo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar.
Usando el sistema de eventos: '''javascript editor.on('component:update', (component) => { Tu lógica aquí });
**Enfoques alternativos:**
- Escuchar 'selector:add' para cambios en el selector CSS
- Usar 'selector:custom' para reglas personalizadas
- Aprovechar los eventos 'change:*' para un seguimiento detallado
- Crear un plugin que extienda el editor con esta capacidad
**Lo hace oficial:**
Si esta función beneficiaría a muchos usuarios, considera abrir una Solicitud formal de Funcionalidad en el repositorio GrapesJS con:
- Un caso de uso detallado
- Ejemplo de código que muestra el comportamiento deseado
- Por qué esto es importante para tu flujo de trabajo
El equipo central es receptivo a solicitudes de funcionalidades bien motivadas respaldadas por casos de uso reales.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3525
HAZAÑA: En el Gestor de Estilos, permite que requiera la configuración predeterminada
¿Qué intentas añadir a GrapesJS? La propiedad CSS 'float' solo tiene sentido para 'posición: estática;' elementos, que resulta ser el valor...
Issue #3206
HAZAÑA: Plugin para el Gestor de Páginas
Característica: La capacidad de crear varias páginas en Grapesjs. Diseño funcional A nivel global:[ ] Incluye un enlace a la derecha de 'Di...
Issue #3269
Traducción de cadenas HTML
¡Gran biblioteca! Cumple todos los requisitos excepto uno: la traducción de texto para sitios web. He buscado por todas partes en la cola d...
Issue #3407
HAZAÑA: Cuadrícula CSS
¿Qué intentas añadir a GrapesJS? Añadir soporte para CSS Grid ('display: grid;') y sus diversas opciones. No tengo una necesidad personal i...
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.