File: /var/www/html/tmpr/..//tmpr/..//easyApp/edit.php.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no" />
<title>Pixie Example</title>
<style>
html, body, #editor-container {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
</style>
</head>
<body>
<div id="editor-container"></div>
<script src="dist/pixie.umd.js"></script>
<script>
const pixie = new Pixie({
selector: "#editor-container",
baseUrl: 'assets',
image: "assets/images/samples/sample1.jpg",
ui: {
activeTheme: 'dark',
},
onSave: async function(data) {
console.log(data);
},
});
</script>
</body>
</html>