No consigo que el ejemplo simple funcione
Te sugiero que clones uno de los ejemplos usando Git y lo ejecutes usando los comandos NPM incluidos en el proyecto. En tu ejemplo anterior revisaría las rutas hacia grapes.min.css y grapes.min.js archivos: asegúrate de no obtener 404 - No encontrado.
Lee la respuesta completa abajo ↓Pregunta
No soy nuevo en Javascript, pero cuando pruebo el ejemplo:
<link rel="stylesheet" href="camino/a/grapes.min.css">
<script src="path/to/grapes.min.js"></script>
<div id="gjs"></div>
<script type="text/javascript">
var editor = grapesjs.init({
contenedor: '#gjs',
componentes: '<div class="txt-red">¡Hola mundo!</div>',
Estilo: '.txt-rojo{color: rojo}',
});
</script>
Me queda una página en blanco. Eso es añadiendo la biblioteca CSS y Javascript. ¿Alguna sugerencia para ponerlo en marcha? ¡Parece un proyecto excepcional!
Respuestas (3)
Te sugiero que clones uno de los ejemplos usando Git y lo ejecutes usando los comandos NPM incluidos en el proyecto. En tu ejemplo anterior revisaría las rutas hacia grapes.min.css y grapes.min.js archivos: asegúrate de no obtener 404 - No encontrado.
Prueba con esto en su lugar '''html <link rel="feuilletas de estilo" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css "> <script src="https://unpkg.com/grapesjs"></script> <div id="gjs"></div> <script type="text/javascript"> var editor = grapesjs.init({ contenedor: '#gjs', componentes: '<di...
Vale, estoy construyendo un CMS usando JSF 2.2 y no consigo que funcione un ejemplo sencillo en la aplicación web. Pero si pruebo un ejemplo usando un archivo simple y un navegador, puedo hacer que funcione. ¿Alguien ha tenido experiencia usando grapsejs con JSF? No consigo que un ejemplo sencillo...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1231
GrapesJs ignora <script> las etiquetas de las plantillas (actualizado)
Cuando incluyo plantillas dentro de las etiquetas <div id="gjs"></div>. Parece que GrapesJs ignora las <script> etiquetas, pero cualquier o...
Issue #1805
Definir un nuevo componente de imagen
Soy nuevo en GrapesJs y no consigo averiguar cómo crear un componente de imagen. Por ejemplo, tengo una etiqueta img y he definido el src,...
Issue #1686
CMS: Grapesjs no está definido
Estoy intentando usar el editor básico de Grapesjs para CMS. Aquí está mi código: He instalado los grapesjs usando NPM. Más tarde probé a e...
Issue #956
¿Cómo cargar un nuevo rasgo que he añadido en un componente incorporado?
Hola chicos, he añadido un rasgo para mi elemento Link que es un componente integrado para gjs-blocks-basic. Cuando arrastro un nuevo compo...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.