Plain HTML / JavaScript
Embedded Tool
Complete Embedded Tool example with no framework.
1. SaveCopy as index.html
2. KeyReplace pk_live_xxxxx
3. ServeRun from an authorized origin
Complete example
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Zavilo SDK Example</title>
<script src="https://sdk.zavilo.app/v1/zavilo.js"></script>
</head>
<body>
<h1>Embedded PDF Editor</h1>
<div id="zavilo-tool" style="min-height:700px"></div>
<script>
async function init() {
const client = await Zavilo.init({
publicKey: "pk_live_xxxxx"
});
await client.mount({
tool: "pdf-editor",
target: "#zavilo-tool",
mode: "embedded"
});
}
init();
</script>
</body>
</html>