2️HTML Pages
It is also possible to integrate QuickDEV Apps and Modules with HTML pages.
Place the standard JavaScript Files in your part of the HTML page.
<script src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script>And now the QuickDEV SDK script, as the last tag before the </BODY> closing tag.
<script src="url-of-quickdev_sdk/bundle.js"></script>Here is an example of HTML file:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test notification</title>
<meta charset="UTF-8">
<script src="https://unpkg.com/[email protected]/umd/react.production.min.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"></script>
</head>
<body>
<div class="quickdev-module-container">
<div id="quickdev-embedding">
<div class="quickdev-module-display"></div>
<input type="hidden" class="quickdev-backend-url" value="https://apps.quickdev.cloud" />
<script>
var app_id_information = document.createElement("input");
app_id_information.setAttribute("type", "hidden");
app_id_information.setAttribute("class", "module-id");
app_id_information.setAttribute("value", "663392cf9e5a3c74ebd09cdc"); <!--Change this with your app/module id-->
document.getElementById('quickdev-embedding').appendChild(app_id_information);
</script>
</div>
</div>
<script src="https://sdk.quickdev.cloud/bundle.js"></script>
</body>
</html>Last updated