xxxxxxxxxx1
<!DOCTYPE html>2
<html lang="en">3
<head>4
<meta charset="UTF-8">5
<meta name="viewport" content="width=device-width, initial-scale=1.0">6
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>7
</head>8
<body>9
10
11
12
13
<div id="content">14
<div id="wysiwyg">15
lorem ipsum16
</div>17
</div>18
19
20
21
<hr>22
<button onClick="initWysiwyg()"> 23
INIT24
</button>25
26
<button onClick="reloadContent()"> 27
RELOAD CONTENT28
</button>29
30
31
</body>32
</html>1
1
xxxxxxxxxx1
function initWysiwyg() {2
const wysiwygElement = document.getElementById('wysiwyg');3
new WYSIWYG(wysiwygElement);4
}5
6
7
function reloadContent() {8
const wysiwygElement = WYSIWYG.getInstance(document.getElementById('wysiwyg'));9
wysiwygElement.dispose();10
11
let contentHtml = `12
<div id="wysiwyg">13
lorem ipsum14
</div>15
`;16
17
$('#content').html(contentHtml); 18
} Console errors: 0