如何将设计从数据库加载到单层编辑器中？

问题描述

我正在尝试将我现有的 HTML 标记加载到单层编辑器中。我正在使用原始 JavaScript。她是我的代码。我创建了一个运行良好的新页面。文档说有一个 loadTemplate 和 loadDesign 函数来将 HTML 标记呈现到编辑器中。但它不起作用。

<div id="editor-container" style="height: 79vh;">



<script>
    class EmailEditor {
        constructor(id) {
            unlayer.init({
            id: id,displayMode: "web",appearance: {
                theme: 'dark',}
            });
        }

        loadDesign(design) {
            unlayer.loadDesign(design);
        }

        saveDesign(callback) {
            unlayer.saveDesign(callback);
        }
        exportHtml(callback) {
            unlayer.exportHtml(callback);
        }
    }

        const editor = new EmailEditor('editor-container');

        const saveHTMLBtn = document.getElementById('update_html_btn');

        saveHTMLBtn.addEventListener('click',e => {
        editor.exportHtml(
            d => {
                // Ajax

                var body = d.html;

                $.post('{{ route('api.page.content.create') }}',{_token:'{{ csrf_token() }}',page_id: '{{ $content->id }}',title: '{{ $content->title }}',body: body
            },function(data){
                    console.log(data);
                });

              }
            );
        });
      </script>

解决方法

控制台中没有 unlayer editorjs 错误。 http://prntscr.com/10oqkh4

play(mergedTrackBuffer)
setTimeout(function(){mediaRecorder.start();},100);