Estoy intentando escribir un plugin para gestionar todas las propiedades de los elementos de los bloques Boostrap. Si alguien hace clic en el botón, mostrará propiedades relacionadas con los botones como colores, tamaño, etc. (basado en las clases bootstrap predeterminadas) El siguiente código modifica las clases de b...
artf
No necesitas actualizar la vista en este caso, solo cambiar las clases dentro del modelo. Solo necesitas esto '''js doStuff() { this.setClass(this.get('classProp')); }, ```
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.
Información general Estoy probando la demo actual en http://grapesjs.com/demo-newsletter-editor.html. La demo de la página web funciona sin problema, pero la demo del boletín falla. ! imagen Estoy usando IE 11 en Windows 10. La versión de IE es 11.1088.15063.0, la versión de actualización es 11.0.65 (KB4103768).¿Qué p...
TclasenITVT
@artf muchas gracias por arreglar esto 👍
shareefhiasat
@TclasenITVT por favor edita los pasos para reproducir y añadir este enlace Navegador de pruebas online consulta IE 11 online grapesjs enlace @artf funciona en IEs de Edge (versión 20 en mi caso) Un saludo
TclasenITVT
@shareefhiasat estás satisfecho con la forma en que edité los pasos para reproducirlos?
Quiero pedir vuestra opinión sobre cómo usar componentes integrados en la mesa
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.
No estoy seguro de si se supone que debe ser así, pero cloné el repositorio y npm se inició. Solo puedo ver el elemento "Bloquear"; no se pueden ver los elementos de enlaces, vídeos, secciones, texto, citas, etc. ¿Cómo funcionan estos otros elementos en el Block Manager?
JulyanoF
@dinhjeffrey necesitas instalar esta extensión: Bloqueos básicos
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.
Problema de demo / reproducción https://jsfiddle.net/shareefhiasat/u8Lodyh7/1/ Pregunta No sé si es un error o si no sé cómo conseguir el comportamiento deseado Esperado Necesito elementos de texto y poder estilizarlo pero NO cambiar el contenido (texto que hay en él) Actual y lo que he intentado Probé desde la wiki y...
shareefhiasat
@artf sí, está funcionando, amigo, muchas gracias Así está ahora para futuras referencias, fiddle no puedes editar, pero sí puedes estilizar https://jsfiddle.net/shareefhiasat/jdpkccz0/ Puedes cerrarlo, Un saludo
shareefhiasat
ACTUALIZACIÓN para futuras referencias, he actualizado jsfiddle con ejemplo de componente editable y no editable, Ten en cuenta que la apariencia y el comportamiento de pasar el cursor sobre elementos no funcionan si no se puede editar
shareefhiasat
@julyanof @artf Por favor, ayudadme, puede que sea demasiado sencillo para descifrarme yo mismo
Más sobre este https://github.com/artf/grapesjs-plugin-ckeditor/issues/18
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.
¿Es posible tener dos elementos (div e innik) y considerarlos como un solo? Por ejemplo: está el siguiente bloque de enlaces: '<div class="row"><a class="btn" href="http://test.com">Enlace aquí</a></div>' Y me gustaría que al hacer clic en 'div' o 'button' apareciera <a>el '' como elemento seleccionado en las vistas d...
artf
Deberías crear un componente personalizado
JulyanoF
@artf he intentado extender el componente original del enlace, pero parece que no funciona No cambia nada... Ya intenté desactivar el 'autorender' y renderizar después de todos los cambios. Podría cambiar la configuración de solo contenido...
JulyanoF
@artf como has dicho, intenté usar Components, pero no obtuve el resultado esperado. ¿Podrías ayudarme? Mi bloque de enlaces imprime este contenido: '<div style="height:45px;margin:0 auto 10px auto;addding: 5px 5px 5px 5px 5px;width: 100%;...
Hola @artf _("map") && i.add("map", { etiqueta: n.etiquetaMapa, Categoría: N.Categoría, atributos: { Clase: "FA FA-MAP-O" }, Contenido: { Tipo: "mapa", clases:['ancho de mapa'], no estilizado:['ancho'], estilo: { Altura: "350px", ancho: "auto", } } }); Añadir una nueva clase 'map-width' en el elemento del mapa, ahora...
artf
Puedes añadirlo en plantilla o en bloques internos. Por cierto, revisa otros problemas antes de abrir uno nuevo, hay muchas preguntas como esta
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 Tengo que crear un nuevo bloque con múltiples elementos y rasgos. Como el perfil social con múltiples elementos como Facebook, G-plus, Twitter y muchos más elementos. y cada elemento tiene dos opciones: una para URL, otra para el icono que se muestra o oculta mediante una casilla de verificación. Por favor,...
artf
@kuldeepcis Creas un componente 'social-icons' como '<div>' (por defecto) y luego en init añades esto: '''html <a data-js="social-icons" href="" target="_blank" style="border: none;text-decoration: none;"class="facebook"> <img src="https:/...
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.
He puesto el color de fondo para 'cuerpo'. Pero cuando será editar código o exportar datos usando comandos 'editor.runCommand ('gjs-get-inlined-html');' no existe ningún atributo para 'body' que se haya establecido. ¿Cómo resuelvo para que la etiqueta del cuerpo la recupere al usar ese comando? ¿O hay otra manera? Ima...
artf
Hay una opción para ello '''js editor.init({ ... exportWrapper: cierto, }) ```
agungjanuar
Gracias @artf, funciona :)
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.