<div class="toast-custom-viewer"></div>const viewer = toastui.Editor.factory({
el : document.querySelector(".toast-custom-viewer"),
viewer : true,
initialValue : "Hello toast ui viewer~!"
});Last updated
<script src="https://uicdn.toast.com/editor/3.0.2/toastui-editor-all.min.js"></script>const viewer = new toastui.Editor({
el : document.querySelector(".toast-custom-viewer"),
initialValue : "Hello toast ui viewer~!"
});<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Toast UI Editor example</title>
<!-- toast ui editor css -->
<link rel="stylesheet" href="https://uicdn.toast.com/editor/3.0.2/toastui-editor.min.css" >
</head>
<body>
<div class="toast-custom-viewer">
</div>
<!-- toast ui viewer js -->
<!-- <script src="https://uicdn.toast.com/editor/3.0.2/toastui-editor-viewer.min.js"></script> -->
<!-- toast ui all js -->
<script src="https://uicdn.toast.com/editor/3.0.2/toastui-editor-all.min.js"></script>
<script>
//Viewer용 CDN을 사용할 경우
// const editor = new toastui.Editor({
// el : document.querySelector(".toast-custom-viewer"),
// initialValue : "Hello toast ui editor~!"
// });
//전체(ALL)용 CDN을 사용할 경우
const editor = toastui.Editor.factory({
el : document.querySelector(".toast-custom-viewer"),
viewer:true,
initialValue : "Hello toast ui editor~!"
});
</script>
</body>
</html>