Summernote : 나는 프로그래밍과 같이 summernote의 코드보기에 일부 HTML을 삽입하려고 프로그래밍 코드보기

Question

에 삽입 :

var markupStr = 'hello world'; 
$('#summernote').summernote('code', markupStr); 

이 summernote documentation이 SO Answer을 참조하는. CODE 뷰에서이 삽입 작업을 수행하고 싶습니다. 그러나 이런 일은 일어나지 않습니다.

그러나, 나는 예상대로 삽입하는 DEFAULT가 아닌 코드 뷰에있는 동안 (위와 같은 코드)이 삽입을 만들려고합니다. 그리고 CODE보기로 전환해도 예상대로 표시됩니다. 내 문제는이 summernote GitHub issue 관련,하지만 확실하지 될 수 있습니다처럼

보인다.

프로그래밍 방식으로 직접 코드보기에 삽입하는 방법을 알아 낸 사용자가 있습니까?

Answer 1

해킹 :

var markupStr = 'hello world'; 
$(angular.element.find("div.note-editor button.btn-codeview")[0]).click() 
$('#summernote').summernote('code', markupStr); 
$(angular.element.find("div.note-editor button.btn-codeview")[0]).click() 

Answer 2

나는 가정이 코드 조각은 문제가 해결됩니다. codeview.activate를 사용하여 코드 뷰에서 summernote를 초기화 할 수 있습니다.

$('.summernote').on('summernote.init', function() { 
     $('.summernote').summernote('codeview.activate'); 
    }).summernote({ 
     height: 300, 
     placeholder: 'Paste content here...', 
     codemirror: { 
     theme: 'monokai' 
     } 
    }); 

var markupStr = 'hello world'; 
$('#summernote').summernote('code', markupStr);