javascript - How to Change a div from an ACE Editor back to a div

Question

I know that you can turn a div into an ACE editor like so:

var editor = ace.edit("editor");

How does one change this back into a normal div?

Answer 1

editor.destroy不会从 div 中删除所有事件侦听器，因此必须做这样的事情。

var value = editor.getValue()
editor.destroy()
var oldDiv = editor.container
var newDiv = oldDiv.cloneNode(false)
newDiv.textContent = value
oldDiv.parentNode.replaceChild(newDiv, oldDiv)