diff --git a/index.html b/index.html index f7da2e9..79e68d6 100644 --- a/index.html +++ b/index.html @@ -922,18 +922,12 @@
- GrapesJS Webpage Builder is a simple showcase of what is possible to achieve with the GrapesJS - core library + est un outil de création de pages web. +

+ L’instance dont vous vous servez est hébergée par + Jean-Cloud

- For any hint about the demo check the - Webpage Preset repository - and open an issue. For problems with the builder itself, open an issue on the main - GrapesJS repository -

- Being a free and open source project contributors and supporters are extremely welcome. - If you like the project support it with a donation of your choice or become a backer/sponsor via - Open Collective
@@ -968,7 +962,8 @@ }, storageManager: { type: 'remote', - stepsBeforeSave: 1, + stepsBeforeSave: 10, + noticeOnUnload: 1, autosave: true, options: { remote: { @@ -1281,9 +1276,9 @@ type: 'typed', 'type-speed': 40, strings: [ - 'Text row one', - 'Text row two', - 'Text row three', + 'Ligne de texte 1', + 'Ligne de texte 2', + 'Ligne de texte 3', ], } } @@ -1331,7 +1326,7 @@ var mdlDialog = document.querySelector('.gjs-mdl-dialog'); mdlDialog.className += ' ' + mdlClass; infoContainer.style.display = 'block'; - modal.setTitle('About this demo'); + modal.setTitle('À propos de cet outil'); modal.setContent(infoContainer); modal.open(); modal.getModel().once('change:open', function() { @@ -1339,16 +1334,29 @@ }) }); + pn.addButton('options', { + id: 'save-button', + className: 'fa fa-floppy-o', + command(editor) { + editor.store(); + }, + attributes: { + 'title': 'Sauvegarder', + 'data-tooltip-pos': 'bottom', + }, + }); + pn.addButton('options', { id: 'open-info', className: 'fa fa-question-circle', - command: function() { alert('Cet éditeur est hébergé par Jean-Cloud') }, + command: 'open-info', attributes: { 'title': 'À propos', 'data-tooltip-pos': 'bottom', }, }); + // Simple warn notifier var origWarn = console.warn; @@ -1391,8 +1399,8 @@ // Store and load events - editor.on('storage:load', function(e) { console.log('Loaded ', e) }); - editor.on('storage:store', function(e) { console.log('Stored ', e) }); + //editor.on('storage:load', function(e) { console.log('Loaded ', e) }); + editor.on('storage:store', function() { console.log('Stored. TODO notif') }); // Do stuff on load