summernote 에디터에서 CodeMirror 사용

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/theme/monokai.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/codemirror.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/codemirror.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/mode/xml/xml.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.29.0/mode/htmlmixed/htmlmixed.min.js"></script>

$('#summernote').summernote({
	codemirror: {
		mode: 'text/html',
		htmlMode: true,
		lineNumbers: true,
		heme: 'monokai'
	}
});

summernote 에디터에서 CodeMirror 사용시 전체선텍, 초기화, , 데이타삽입, 복사

// CodeMirror 인스턴스 가져오기
var cm = $note_editor.find('.note-codable').data('cmEditor');
if (cm) {
	cm.focus();
	cm.execCommand('selectAll'); // CodeMirror 전체 콘텐츠를 선택
}

// CodeMirror 인스턴스 가져오기
var cm = $note_editor.find('.note-codable').data('cmEditor');
if (cm) {
	cm.setValue('');// CodeMirror 데이터 초기화
}

// CodeMirror 인스턴스 가져오기
var cm = $note_editor.find('.note-codable').data('cmEditor');
if (cm) {
	cm.setValue('CodeMirror에 데이터 삽입');// CodeMirror에 데이터 삽입
}

// CodeMirror 인스턴스 가져오기
var cm = $note_editor.find('.note-codable').data('cmEditor');
if (cm) {
	var copyArea = $.trim( cm.getValue() ); // CodeMirror에 데이터확인
	navigator.clipboard.writeText(copyArea)
		.then(resultText => { 
			alert('데이터가 복사되었습니다.'); // Clipboard
			console.log('I copied the CodeMirror editor value tag. [Clipboard API] ');
		})
		.catch(err => { 
			console.log('Something went wrong', err); 
	}); 
}