assadnazar / VvvebJs: bibliothèque Javascript du constructeur de site Web par glisser-déposer.

Faites glisser et déposez la bibliothèque javascript du créateur de site Web.

Créé avec jQuery et Bootstrap 4.

Utilisant Page de destination Startbootstrap pour la page de démonstration et bootstrap 4 composants.

Propriétés

Faites glisser et déposez des composants et des blocs / extraits.
Annuler / rétablir les opérations.
Interface avec un ou deux panneaux.
Naviguez dans le gestionnaire de fichiers et la hiérarchie des composants.
Ajouter une nouvelle page.
Éditeur de code en direct.
Téléchargement d’image avec un exemple de script PHP inclus.
Téléchargez ou exportez la page en HTML ou enregistrez la page sur le serveur avec un exemple de script PHP inclus.
Rechercher des listes de composants / blocs.
Bootstrap 4 composants.
Widgets pour Youtube, Google Maps, Charts.js etc.

Par défaut, l’éditeur est fourni avec les composants Bootstrap 4 et Widgets et peut être étendu avec tout type de composants et d’entrées.

utiliser

<!-- jquery-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.hotkeys.js"></script>

<!-- bootstrap-->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<!-- builder code-->
<script src="libs/builder/builder.js"></script>	
<!-- undo manager-->
<script src="libs/builder/undo.js"></script>	
<!-- inputs-->
<script src="libs/builder/inputs.js"></script>	
<!-- components-->
<script src="libs/builder/components-bootstrap4.js"></script>	
<script src="libs/builder/components-widgets.js"></script>	


<script>
$(document).ready(function() 
{
	Vvveb.Builder.init('demo/index.html', function() {
		//load code after page is loaded here
		Vvveb.Gui.init();
	});
});
</script>