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
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>
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