How to Init Image Manager In Opencart

Question

I've a opencart with 3.0.3.7. I've make a javascript in html which can add multi summernote.
But when I upload image, it show original image uploader.
I wish it can use "image manager" to upload image.
I think there must init something, but I don't know what to do.
Please tell me how to init that. Thaks a lot!

html += '   <div class="form-group">';
html += '       <label class="col-sm-2 control-label">{{ entry_tpl_intro_content_text }}</label>';
html += '       <div class="col-sm-10">';
html += '           <textarea name="template" id="template_section_intro_content" placeholder="{{ entry_tpl_intro_content_text }}" data-toggle="summernote" data-lang="{{ summernote }}" class="form-control"></textarea>';
html += '       </div>';
html += '   </div>';
$('#tab-pane-intro .tab-intro').append(html);

$('#template_section_intro_content').summernote({
    height: 400
});