Hola, @artf Cuando intento usar rasgos tipo botón. No dispara ninguna función. ¿Podrías ayudarme con esto, por favor? ¿Podrías compartir un ejemplo de creación de nuevos rasgos como "Botón", no el de "Contenido"? 'rasgos: [ { tipo: 'botón', etiqueta: 'Submeter', Nombre: 'blogsubmit', cambioprop: 1 } ] .... init() { th...
artf
Hola @Soharab-Shaikh, tienes que pasar la opción de 'comando' (se ejecutará al hacer clic): '''js Rasgos: [ { ... tipo: 'botón', comando: 'COMMAND-ID', o como una función comando: editor => { const selected = editor.getSelected(); hacer al...
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola Creé un esqueleto muy sencillo del editor GrapesJS. Plantilla HTML: '''html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> </head> <body> <div id="gjs"> <test-tag></test-tag> </div> </body> </html> Resultado de la carga: ! imagen Como ves, el componente no se renderiza. Pero si...
artf
Hay 2 problemas:Olvidaste especificar 'isComponent' (usado en el proceso de análisis sintáctico) '''js comps.addType('test-component-type', { isComponent: el => el.tagName === 'TEST-TAG', Vista: { usa el gancho onRender en lugar de render...
a-bashtannik
@artf, gracias por tu respuesta, pero tambiéntambién probé la construcción con 'isComponent' definido, pero con el mismo resultado. bueno, implementé esta función mediante plugins como mencionaste. No tengo ni idea de por qué los nuevos ti...
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Estoy integrando GrapesJ en la aplicación de React. Estoy usando paquetes npm "ckeditor": "^4.11.2", "grapesjs-plugin-ckeditor": "0.0.9" 'importar React de 'react'; importar { connect } de "react-redux"; importación GrapesJS de 'grapesjs'; importar CKEDITOR desde 'ckeditor'; importar gjsCkEditor desde 'grapesjs-plugin...
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Gracias, cerraré esto y estaré atento a la publicidad
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola @artf, Me encontré con un problema similar, si no el mismo, que este: #1327 Mientras edito un bloque de texto, hago clic en un botón externo para obtener el contenido del lienzo, sin salir del cursor del lienzo. En este punto, si llamo a getHtml() o runCommand("gjs-get-inlined-html") (mis grapesjs cargados con el...
artf
Sí, así es exactamente como funciona. Intentaré comprobar si puedo fusionar el estado temporal antes de obtener los datos HTML
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Después de colocar la imagen dentro del editor, ¿existe algún plugin para que GrapesJs edite esa imagen, como recortar, añadir texto .....
ronaldaug
@hemanthmc, puedes usar el editor Aviary. Aquí tienes todos los plugins de GrapesJS. https://github.com/artf/grapesjs#plugins
artf
Desafortunadamente, Aviary está descartado, así que grapesjs-aviary no funciona correctamente, pero puedes comprobar su código para ver cómo se implementó
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola, solo una pregunta rápida He notado que la rama dev está en la versión 0.14.52 pero la rama master sigue en 0.14.43 aunque la documentación (https://grapesjs.com/docs/#why-grapesjs) indica la versión 0.14.52 como la última y además la demo usa la 0.14.52. Lo que me gustaría saber es si la 0.14.52 está lista para...
artf
.. y simplemente aún no se ha trasladado a la rama principal Sí, en este caso, la versión 0.14.52 es la más reciente
Necesito añadir estilos de texto y otras opciones de texto, así que cómo añadir el editor CKEditor/TinyMC en lugar de RichTextEditor dentro de GrapesJs.
umerrinayat
@ronaldaug enlace de codpen no funciona. ¿Puedes compartir tu código otra vez? Gracias
ronaldaug
Creo que te estás perdiendo algo. Hice una demo de codepen aquí y funciona perfectamente. Tienes que añadir los scripts CKEditor & CKEditor Plugin, y establecer las opciones de configuración.
ronaldaug
Puedes marcar "Reemplazar el editor de texto enriquecido integrado" en el documento GrapesJS aquí Y existe un GrapesJS CKEditor plugin.
Navegador = ChromeGrapesJS = Última versión (0.14.52) Estoy intentando crear un objeto de contenido que incluya anidamiento de bloques con propiedades script, style, type. Funciona bien salvo añadir <style>la etiqueta * al contenido. Descendencia Si creo contenido de bloque como una Cadena como opción (A) como se indi...
artf
'''js Contenido: { script: function(){ console.log("¡Estoy arrastrado!") }, componentes: '...', // usan componentes en lugar de contenido } ``` Por cierto, creo que, en tu caso, un componente personalizado es más apropiado
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola @artf Estoy usando grapes.js como herramienta de creación de sitios web en mi sitio web. Mientras hago doble clic en cualquier imagen, el gestor de activos se abre y puedo elegir la imagen desde el gestor de activos. Ahora bien, pongo las condiciones como: una vez que el usuario elija cualquier imagen del gestor...
artf
No has mostrado ningún código, pero supongo que acabas de editar elementos DOM del componente cuando en realidad deberías cambiar sus datos de modelo Component (por ejemplo, 'imgModel.set('src', 'base64....')')
AkibDeraiya123
Hola @artf Gracias por tu respuesta a mi consulta. Adjunto mi código aquí, por favor dime en qué me estoy equivocando. Así que, básicamente, el código anterior se ejecutará mientras el usuario hará doble clic en una imagen concreta. En est...
artf
En esta función ahora mismo estoy cambiando la imagen 'src' usando jQuery, que funciona bien. Pero cuando recibo 'editor.getHtml()' no se reflacha. ... @AkibDeraiya123 esto es exactamente lo que te dije en mi comentario anterior... NO EDIT...