2017-01-17 2 views
-1

사용자 정의 버전 wagtail-markdown을 만들었으므로 편집기의 툴바를 정의 할 수 있습니다.SimpleMDE markdown 편집기에서 헤더 렌더링을 방지하는 방법은 무엇입니까?

사용되는 편집기는 SimpleMDE입니다.

MarkdownFiled는 MarkdownTextarea 위젯을 사용하고 있습니다. 위젯이 첨부 될 수 있습니다.

widget at work

Wagtailadmin에

def render_js_init(self, id_, name, value): 
     return 'simplemdeAttach("{0}", {1});'.format(id_, self.toolbar) 

simplemdeAttach

/* 
* Used to initialize Simple MDE when Markdown blocks are used in StreamFields. 
*/  

function simplemdeAttach(id, toolbar) { 
     console.log('For id: '+ id + ' toolbar: ' + toolbar); 
     var mde = new SimpleMDE({ 
      toolbar : toolbar, 
      element: document.getElementById(id), 
      autofocus: false, 
      spellChecker: false, 
     }); 
     mde.render(); 
     mde.codemirror.on("change", function(){ 
      $('#' + id).val(mde.value()); 
     }); 
    } 

편집기는 수동으로 실시 해시가 렌더링되지 않아야 삽입.

SimpleMDE의 자바 스크립트 코드를 조사했지만 렌더링을 방지하는 방법을 알 수 없습니다.

실마리가 있습니까?

감사합니다,

로버트

답변

0

내가 잘못된 방향으로 완전히이었다. 라이브 렌더링은 헤더 태그를 삽입하지 않지만 해당 스타일을 가진 클래스를 추가하여 헤더처럼 보이게합니다.