Crearea unui generator de pagini: init ()

(21 decembrie 2020)

Generatorii de pagini sunt instrumente foarte puternice pentru construirea de pagini web fără cod. Putem construi pagini web cu blocuri speciale din generatorul de pagini. În calitate de programator junior, nu este util să plătiți bani pentru alți constructori de pagini. Prin urmare, îmi voi crea propriul meu constructor de pagini în această serie de articole. Să mergem!

Fotografie de Christopher Gower pe Unsplash

Pasul 1: alegeți dependențele dvs.!

Realizarea unui generator de pagini de la zero este o idee foarte teribilă. Mai mult timp, mai multe lacrimi și mai multe dureri de gât … Acest scenariu este mai cumplit decât un film de groază.

GrapesJS și VueJS sunt cadre mai puternice și suficient pentru creatorul meu de pagini .

Pasul 2: Descărcare!

În acest pas, trebuie să descarc aceste cadre.

GrapesJS

CDN-uri

  • https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.17/grapes.min.js

  • https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.17/css/grapes.min.css

sau cu npm

  • npm i grapesjs

VueJS

Pentru versiunea de dezvoltare

 

Pasul 3: Prima configurare!

În acest pas, vom inițializa proiectul nostru cu GrapesJS.

index.html

app.js

const editor = grapesjs.init({
// Indicate where to init the editor. You can also pass an HTMLElement
container: "#gjs",
// Get the content for the canvas directly from the element
// As an alternative we could use: `components: "

Hello World Component!

"`,
fromElement: true,
// Size of the editor
height: "300px",
width: "auto",
// Disable the storage manager for the moment
storageManager: false,
// Avoid any default panel
panels: { defaults: [] },
});

Voi continua acest articol ……