无法加载 Grapesjs 中保存的模板

Question

Answer 1

首先检查初始化grapesjs时传递的选项中的storeManager设置。如果您没有提供任何信息，请参阅文档并添加一个，如果未能提供，请告诉我。第二件事如果你在初始化grapesjs时传递你的html和css，那么它将加载传递的模板。

Answer 2

首先确保您已将 HTML 加载到 DOM 中
初始化grapesJS组件

例如：

 <body>
 <div id="gjs"></div>
 </body>


loadTemplate(
 function(){loadEditor();}
);        


function loadTemplate(callback){
 var component = angular.element('#gjs');
 component.append(yourHTMLtemplate);
 ...

 if(callback) callback();

}

function loadEditor(){
 $scope.editor = grapesjs.init({
 container: '#gjs',

 ...

}

Answer 3

你可以这样尝试

保存模板（在数据库而不是本地存储中）

          let components = editor.getComponents();
          let style = editor.getStyle()
          let templateData = {
              components: components,
              style: style
          };
          localStorage.setItem("template", JSON.stringify(templateData));

加载模板

          let templateData = JSON.parse(localStorage.getItem("template"));
          editor.setComponents(templateData.components);
          editor.setStyle(templateData.style);

这对我有用！

无法加载 Grapesjs 中保存的模板

问题描述投票：0回答：3

3个回答

最新问题

无法加载 Grapesjs 中保存的模板

问题描述 投票：0回答：3

3个回答

最新问题

问题描述投票：0回答：3