adrian/grapesjs
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

updated

Browse Source
This commit is contained in:
Adrian Amaglio 2023-08-01 18:47:23 +02:00
parent cd44d5f967
commit 1ef86bc47c
1 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
index.html
View File

@ -922,18 +922,12 @@
</g></svg> </g></svg>
<br/> <br/>
<div class="info-panel-label"> <div class="info-panel-label">
<b>GrapesJS Webpage Builder</b> is a simple showcase of what is possible to achieve with the
<a class="info-panel-link gjs-four-color" target="_blank" href="https://github.com/artf/grapesjs">GrapesJS</a> <a class="info-panel-link gjs-four-color" target="_blank" href="https://github.com/artf/grapesjs">GrapesJS</a>
core library est un outil de création de pages web.
<br/><br/>
L’instance dont vous vous servez est hébergée par
<a class="info-panel-link gjs-four-color" target="_blank" href="https://jean-cloud.net">Jean-Cloud</a>
<br/><br/> <br/><br/>
For any hint about the demo check the
<a class="info-panel-link gjs-four-color" target="_blank" href="https://github.com/artf/grapesjs-preset-webpage">Webpage Preset repository</a>
and open an issue. For problems with the builder itself, open an issue on the main
<a class="info-panel-link gjs-four-color" target="_blank" href="https://github.com/artf/grapesjs">GrapesJS repository</a>
<br/><br/>
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
<a class="info-panel-link gjs-four-color" target="_blank" href="https://opencollective.com/grapesjs">Open Collective</a>
</div> </div>
</div> </div>
@ -968,7 +962,8 @@
}, },
storageManager: { storageManager: {
type: 'remote', type: 'remote',
stepsBeforeSave: 1, stepsBeforeSave: 10,
noticeOnUnload: 1,
autosave: true, autosave: true,
options: { options: {
remote: { remote: {
@ -1281,9 +1276,9 @@
type: 'typed', type: 'typed',
'type-speed': 40, 'type-speed': 40,
strings: [ strings: [
'Text row one', 'Ligne de texte 1',
'Text row two', 'Ligne de texte 2',
'Text row three', 'Ligne de texte 3',
], ],
} }
} }
@ -1331,7 +1326,7 @@
var mdlDialog = document.querySelector('.gjs-mdl-dialog'); var mdlDialog = document.querySelector('.gjs-mdl-dialog');
mdlDialog.className += ' ' + mdlClass; mdlDialog.className += ' ' + mdlClass;
infoContainer.style.display = 'block'; infoContainer.style.display = 'block';
modal.setTitle('About this demo'); modal.setTitle('À propos de cet outil');
modal.setContent(infoContainer); modal.setContent(infoContainer);
modal.open(); modal.open();
modal.getModel().once('change:open', function() { 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', { pn.addButton('options', {
id: 'open-info', id: 'open-info',
className: 'fa fa-question-circle', className: 'fa fa-question-circle',
command: function() { alert('Cet éditeur est hébergé par Jean-Cloud') }, command: 'open-info',
attributes: { attributes: {
'title': 'À propos', 'title': 'À propos',
'data-tooltip-pos': 'bottom', 'data-tooltip-pos': 'bottom',
}, },
}); });
// Simple warn notifier // Simple warn notifier
var origWarn = console.warn; var origWarn = console.warn;
@ -1391,8 +1399,8 @@
// Store and load events // Store and load events
editor.on('storage:load', function(e) { console.log('Loaded ', e) }); //editor.on('storage:load', function(e) { console.log('Loaded ', e) });
editor.on('storage:store', function(e) { console.log('Stored ', e) }); editor.on('storage:store', function() { console.log('Stored. TODO notif') });
// Do stuff on load // Do stuff on load