xiumi-ue-dialog-v5.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>XIUMI connect</title>
  6. <style>
  7. html,
  8. body {
  9. padding: 0;
  10. margin: 0;
  11. }
  12. #xiumi {
  13. position: absolute;
  14. width: 100%;
  15. height: 100%;
  16. border: none;
  17. box-sizing: border-box;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <iframe id="xiumi" src="https://xiumi.us/studio/v5#/paper">
  23. </iframe>
  24. <script type="text/javascript" src="dialogs/internal.js"></script>
  25. <script>
  26. var xiumi = document.getElementById('xiumi');
  27. var xiumi_url = "https://xiumi.us";
  28. console.log("xiumi_url is %o", xiumi_url);
  29. xiumi.onload = function () {
  30. console.log("postMessage to %o", xiumi_url);
  31. // "XIUMI:3rdEditor:Connect" 是特定标识符,不能修改,大小写敏感
  32. xiumi.contentWindow.postMessage('XIUMI:3rdEditor:Connect', xiumi_url);
  33. };
  34. document.addEventListener("mousewheel", function (event) {
  35. event.preventDefault();
  36. event.stopPropagation();
  37. });
  38. window.addEventListener('message', function (event) {
  39. console.log("Received message from xiumi, origin: %o %o", event.origin, xiumi_url);
  40. if (event.origin == xiumi_url) {
  41. console.log("Inserting html");
  42. editor.execCommand('insertHtml', event.data);
  43. console.log("Xiumi dialog is closing");
  44. dialog.close();
  45. }
  46. }, false);
  47. </script>
  48. </body>
  49. </html>