Issue #509💬 RespondidoAbierto el 12 de noviembre de 2017por asvine-pReacciones 0

Los span no se pueden editar como texto

Respuesta rápidapor artf

Para contenido editable, tienes que usar 'contenido' '''js ... contenido: el.innerHTML ... ```

Lee la respuesta completa abajo ↓

Pregunta

Fragmento de códigoTEXT
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)

artf14 de noviembre de 2017

Para contenido editable, tienes que usar 'contenido' '''js ... contenido: el.innerHTML ...

asvine-p21 de noviembre de 2017
Fragmento de códigoTEXT
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.
bakgat4 de octubre de 2018
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.

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.