tui-editorをdjangoのフォームフィールドのインスタンスに適応する方法

Question

###tui-editorをdjangoのフォームフィールドのインスタンスに適応する方法
Djangoでmarkdown editorを導入しようとしています。

markdownxを見たのですが上部のツールチップがなくて却下、Simplemdeは画像のアップロードの設定が面倒くさいのと、赤色にハイライトされるのがいやなので却下しました。

それで調べたらtui-editorというものがあることを知りました。

しかしこのtui-editorは公式サイトにもあるようにdivを取得し、それをeditorに変えるといった仕様のようです。

var editor = new tui.Editor({
    el: document.querySelector('#editSection'),
    initialEditType: 'markdown',
    previewStyle: 'vertical',
    height: '300px'
});

これに対して私はwidget_tweaksを利用し、フォームフィールドのインスタンスをそのままrenderしています。

 {% render_field form.message ・・・略%}

この場合、自作でformを作らなければいけないのでしょうか？

できるならformの力を利用する形をとりたいのですが、tui-editorをdjangoのフォームフィールドのインスタンスに適応する方法はあるのでしょうか？

Answer 1

フォームフィールドに頼ることをやめました。