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

removed inline script

Browse Source
This commit is contained in:
Adrian Amaglio 2023-07-31 14:16:22 +02:00
parent d73e9bec5d
commit 94bfaf34e9
2 changed files with 34 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
index.html
View File

@ -4,52 +4,9 @@
<meta charset="utf8" /> <meta charset="utf8" />
<link rel="stylesheet" href="grapesjs/dist/css/grapes.min.css"> <link rel="stylesheet" href="grapesjs/dist/css/grapes.min.css">
<script src="grapesjs/dist/grapes.min.js"></script> <script src="grapesjs/dist/grapes.min.js"></script>
<script type="importmap">
{
"imports": {
"fr_locale": "./grapesjs/src/i18n/locale/fr.js"
}
}
</script>
</head> </head>
<body> <body>
<div id="gjs"></div> <div id="gjs"></div>
<script type="module" src="./js/main.js"></script>
<script type="module">
import fr from "fr_locale";
//const projectID = window.location.hash.substr(1);
const projectID = 1;
if (projectID == '' || isNaN(projectID)) {
alert("L’ID de projet est invalide. Cette application ne va pas fonctionner.");
} else {
const projectEndpoint = `/projects/${projectID}`;
var editor = grapesjs.init({
container : '#gjs',
components: '<div style="color:red;">Le chargement du projet est en cours. Si ce message ne disparait pas, le chargement a sans doutes échoué…</div>',
i18n: {
locale: 'fr', // default locale
detectLocale: false, // by default, the editor will detect the language
//localeFallback: 'en', // default fallback
messages: {fr},
},
storageManager: {
type: 'remote',
stepsBeforeSave: 1,
autosave: true,
options: {
remote: {
urlLoad: projectEndpoint,
urlStore: projectEndpoint,
fetchOptions: opts => (opts.method === 'POST' ? { method: 'PATCH' } : {}),
onStore: data => ({ id: projectID, data }),
onLoad: result => result.data,
}
}
}
});
}
</script>
</body> </body>
</html> </html>

33
js/main.js Normal file
View File

@ -0,0 +1,33 @@
import fr from "../grapesjs/src/i18n/locale/fr.js";
//const projectID = window.location.hash.substr(1);
const projectID = 1;
if (projectID == '' || isNaN(projectID)) {
alert("L’ID de projet est invalide. Cette application ne va pas fonctionner.");
} else {
const projectEndpoint = `/projects/${projectID}`;
var editor = grapesjs.init({
container : '#gjs',
components: '<div style="color:red;">Le chargement du projet est en cours. Si ce message ne disparait pas, le chargement a sans doutes échoué…</div>',
i18n: {
locale: 'fr', // default locale
detectLocale: false, // by default, the editor will detect the language
//localeFallback: 'en', // default fallback
messages: {fr},
},
storageManager: {
type: 'remote',
stepsBeforeSave: 1,
autosave: true,
options: {
remote: {
urlLoad: projectEndpoint,
urlStore: projectEndpoint,
fetchOptions: opts => (opts.method === 'POST' ? { method: 'PATCH' } : {}),
onStore: data => ({ id: projectID, data }),
onLoad: result => result.data,
}
}
}
});
}