Issue #2734💬 RespondidoAbierto el 25 de abril de 2020por grodriguez88Reacciones 2

GrapesJS Block Attributes no aparece en la configuración cuando cargo el HTML y CSS

Respuesta rápidapor Ju99ernaut1

Número de referencia #2691

Lee la respuesta completa abajo ↓

Pregunta

Hola, soy principiante en GrapesJS, solo quiero crear un bloque con algunos atributos personalizados, cuando arrastre y suelte el bloque y selecciono el bloque, si veo el menú de configuración tengo el nuevo recurso que he añadido: título de Twitter y puedo modificarlo, pero cuando guardo el HTML y el CSS y recargo la página, el HTML y el CSS están cargados correctamente, pero si selecciono el bloque no puedo cambiar el atributo título de Twitter, te dejo el código. Gracias

 const editor = grapesjs.init({
            Contenedor: '#gjs',
            fromElement: cierto,
            Altura: '600px',
            Ancho: 'Auto',
            storageManager: false,
            blockManager: {
                appendTo: '#blocks',
                Bloqueos: []
            }
        });

var blockManager = editor. Jefe de bloque;

Añadir bloque de feed de Twitter
        blockManager.add('twitter', {
            nombre: 'Twitter Feed',
            categoría: 'Bloques',
            etiqueta: '<b>Twitter Feed</b>',
            Nombre: 'TwitterTitle',
            Contenido: {
                atributos: {
                    'wac-block': 'twitter',
                },
                rasgos: [{
                    etiqueta: 'Twitter',
                    Nombre: 'Twitter-Title',
                    Tipo: 'texto',
                    valor: '{{ platform.title }}'
                }],
                activeOnRender: 1,
                contenido: '<div class="block">Feed de Twitter</div>',
            },
            atributos: {
                Clase: 'Fab FA-Twitter FA-1X'
            }
        });

Para guardar el código hago esto:

textarea_css.value = editor.getCss();
textarea_html.value = editor.getHtml();

Respuestas (2)

Ju99ernaut25 de abril de 2020

Número de referencia #2691

grodriguez8825 de abril de 2020

@Ju99ernaut gracias, eso me va bien

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.