Los span no se pueden editar como texto
Para contenido editable, tienes que usar 'contenido' '''js ... contenido: el.innerHTML ... ```
Lee la respuesta completa abajo ↓Pregunta
Hola Artf,
Tengo un problema al importar algunas plantillas HTML. Al principio no podía ver los textos en span. Pero después de ayudar al editor a reconocerlas, no puedo editarlas como textos.
'sea domc = this.editor.DomComponents;
sea textType = domc.getType("texto");
domc.addType('span', {
Defina el modelo
model: textType.model.extend({},
{
isComponent(el) {
if (el.tagName === 'SPAN') {
volver {tipo: 'Span',
Src: El.SRC,
etiquetaNombre: el.etiquetaNombre.aMinusúscula(),
components: el.innerHTML
}
}
}
}),
ver: textType.view
});`
Aquí está mi plantilla html:
[5 octobre.html.zip](https://github.com/artf/grapesjs/files/1464913/5.octobre.html.zip)
¡Gracias por tu ayuda! :)Respuestas (3)
Para contenido editable, tienes que usar 'contenido' '''js ... contenido: el.innerHTML ...
Hola artf, he sustituido "components: el.innerHTML" por "content: el.innerHTML", pero el contenido sigue sin ser editable. Aquí está mi código:
'
sea domc = this.editor.DomComponents;
sea textType = domc.getType("text");'
domc.addType('span', {
Defina el modelo
model: textType.model.extend({},
{
isComponent(el) {
if (el.tagName === 'SPAN') {
como template.children devolverán un array vacío, el Traverser
saltarán todos los nodos, por lo tanto los adjuntarán como una cadena (ellos
se procesará más adelante)
volver {tipo: 'Span',
Src: El.SRC,
etiquetaNombre: el.etiquetaNombre.aMinusúscula(),
componentes: el.innerHTML,
contenido: el.innerHTML,
}
}
}
}),
ver: textType.view
});`
Si mantengo 'components: el.innerHTML', el texto se duplica.volver {tipo: 'Span',
Src: El.SRC,
etiquetaNombre: el.etiquetaNombre.aMinusúscula(),
componentes: el.innerHTML,
contenido: el.innerHTML,
**editable: cierto**
}
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1363
Problema al intentar inyectar nuevo contenido HTML en el Editor
Hola @artf, ahora estoy trabajando en hacer contenido en varios idiomas dentro del editor, pero me gustaría saber cómo puedo guardar en el...
Issue #1875
[PREGUNTA] Cambios de ID al importar HTML o pasar HTML en components prop en config.
Hola, He creado un componente y un bloque que puedo arrastrar y soltar en el lienzo. Mi problema es que algunos estilos dependen del ID. Sé...
Issue #1306
Insertar texto en un elemento de lienzo no se actualiza en el contenido HTML después de guardarlo.
Salud @artf, Tengo un escollo en medio de guardar el contenido HTML. Ahora mismo tenemos un diálogo modal emergente donde puedo seleccionar...
Issue #1296
El Editor de Texto Enriquecido Personalizado no funciona
Hola @artf, acabo de crear un plugin personalizado del RTE usando diferentes librerías como CKEditor 5, TinyMCE 4 o Pell, pero todas con el...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.