I have build a live code editor but it is not showing output in the iframe and it is saying undefined please help me

Question

https://code.sololearn.com/Wdo0v1XXCN73/?ref=app

Answer 1

You need to change JS code like below.

let editor = ace.edit("editor", {
theme: "ace/theme/cobalt",
mode: "ace/mode/html",
autoScrollEditorIntoView: true,
enableBasicAutocompletion: true,
enableSnippets: true,
enableLiveAutocompletion: true,

});

function live() {
document.getElementById("viewer").srcdoc =editor.getValue();
}

Answer 2

L1c Bot

Use innerHTML because you are getting value from html element not from input box

var editor = document.getElementById("editor").innerHTML

Answer 3

Thanks to A͢J , Oleh Davydenko for your help it is now working 😊😊😉