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

Créé avec jQuery et Bootstrap 4.

Démo en direct avec deux panneaux

Une démonstration en direct du panel

Au dessus du niveau de la mer

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 au format 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 livré 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>

Pour plus d’informations sur l’éditeur HTML et les modèles JavaScript de composant / d’entrée, voir editor.html

Pour les modifications CSS, éditez scss / editor.scss et scss / _builder.scss

Documentation

Pour la documentation, consultez le Wiki

Support

Si vous aimez le projet, vous pouvez le soutenir avec un Don PayPal ou devenir un supporter / sponsor sur Ouvrir collectivement






















Licence

Apache 2.0



Source link

Recent Posts