Issue #2283💬 RespondidoAbierto el 20 de septiembre de 2019por gagan348Reacciones 0

¿Cómo paso la función resizeable onMove en el atributo data-gjs-resizable?

Respuesta rápidapor artf

Puedes escribir 'content' como Component Definition en lugar de la cadena HTML

Lee la respuesta completa abajo ↓

Pregunta

Fragmento de códigoTEXT
El evento onStart funciona bien mientras creo un componente, pero quiero añadirlo mientras creo el bloque. Aquí está mi código: 

const keyWidth = 'flex-basis';
paso const = 0,1;
const minDim = 1;
Const currentUnit = 1;

const resizerRight = {
        tl: 0, tc: 0, tr: 0, cl: 0, bl: 0, br: 0, cr: 1, bc: 0, keyWidth, currentUnit, minDim, step }

const attrsToString = attrs => {
        resultado const = [];

para (dejemos la clave en attrs) {
            Sea valor = atracción[clave];
            const toParse = instancia de valor del Array || instancia de valor de Objeto;
            value = toParse ? JSON.stringify(value) : value;
            result.push('${key}=${toParse ? ''${value}'' : '"${value}"'}');
        }

¿devolver resultado.longitud? ' ${result.join(' ')}' : '';
    }

const attrsCell = attrsToString(colAttr);

si (c.blocks.grid) {
        bm.add('grid', {
            Etiqueta: '
            <div class="gjs-block-label">Grid</div>
        `,
            categoría: 'Básico',
            Atributos: { Clase: 'GJS-Fonts GJS-F-B3' },
            Contenido: '
            <div class="container">
                <div class="row" data-gjs-selectable="false" data-gjs-hoverable="false" data-gjs-droppable="false" >
                    <div ${attrsCell}></div>
                    <div ${attrsCell}></div>
                    <div ${attrsCell}></div>
                </div>
            </div>
        `
        });
    }

Respuestas (1)

artf28 de septiembre de 2019

Puedes escribir 'content' como Component Definition en lugar de la cadena HTML

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 →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.