Question

我正在尝试更新grapesjs中的HTML内容。当我更新HTML时，添加了重复的代码块，如
更新之前

<h3 style="box-sizing: border-box;">
            <a href="http://<domain>/042666" style="box-sizing: border-box;">Course Guide</a>
          </h3>
          <p style="box-sizing: border-box;">&#xA0;
          </p>

更新后

<div id="wrapper" style="box-sizing: border-box;">
    <div id="wrapper" style="box-sizing: border-box;">
          <h3 style="box-sizing: border-box;">
            <a href="http://<domain>/042666" style="box-sizing: border-box;">Course Guide</a>
          </h3>
          <p style="box-sizing: border-box;">&#xA0;
          </p>
    </div>
    </div>

当我单击更新按钮时，它将重定向到grapesjs-html-block.js及其方法

var component = editor.getSelected();
   var codeViewer = editor.CodeManager.getViewer("CodeMirror").clone();
   updateButton.onclick = function() {          
        // Saving Functionality  
        component.set("content", "");
        component.components(codeViewer.editor.getValue());
        editor.Modal.close();            
   };

它会生成重复的div类。我需要帮助来解决此问题。谁能以正确的方式指导我？提前致谢。

使用Grapes.js更新HTML块中的重复内容

0 个答案: