Advertisement
nrzmalik

HTML Code Editor in Storyline

Aug 10th, 2023 (edited)
429
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 0.84 KB | Source Code | 0 0
  1. var player = GetPlayer();
  2. var webHTML = player.GetVar('HTML');
  3. var webCSS = player.GetVar('CSS');
  4. var webJavaScript = player.GetVar('JavaScript');
  5. var webOutput = document.querySelector("[data-acc-text='Output']");
  6.  
  7. function updateOutput() {
  8.   var htmlCode = '<!DOCTYPE html><html><head><style>' + webCSS + '</style></head><body>' + webHTML + '</body></html>';
  9.   var jsCode = webJavaScript;
  10.  
  11.   var iframe = document.createElement('iframe');
  12.   iframe.style.width = '100%';
  13.   iframe.style.height = '100%';
  14.   iframe.style.pointerEvents = 'auto';
  15.  
  16.   iframe.srcdoc = htmlCode;
  17.  
  18.   webOutput.innerHTML = '';
  19.   webOutput.appendChild(iframe);
  20.  
  21.   var iframeWindow = iframe.contentWindow;
  22.   iframeWindow.eval(jsCode);
  23. }
  24.  
  25. player.SetVar('HTML', webHTML);
  26. player.SetVar('CSS', webCSS);
  27. player.SetVar('JavaScript', webJavaScript);
  28.  
  29. updateOutput();
  30.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement