搜索

回答

完整代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/reset.min.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/grapes.0.21.1.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/grapes.0.21.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/filesaver.js"></script>

  </head>
  <body>


 <input type="file" id="fileopen" accept=".html"BfwOnchange="importFromLocal(event)" />
            <button id="save">保存</button>
    <div id="gjs"></div>

    <script>
    var filename="unamed.html";
      var editor = grapesjs.init({
        container: '#gjs',
        fromFile: true,


      });




      // Function to import local file
      function importFromLocal(event) {
        var file = event.target.files[0];

        filename=file.name;

        var reader = new FileReader();
        reader.onload = function() {
          editor.setComponents(reader.result.trim());
        };
        reader.readAsText(file);
      }

      var myButton = document.getElementById("save");

myButton.addEventListener("click", function() {
  // 在这里编写按钮点击时要执行的操作
   var html = editor.getHtml();

          // Save the HTML content to a local file
          var blob = new Blob([html], { type: 'text/html;charset=utf-8' });
          saveAs(blob, filename);


});
    </script>
  </body>
</html>

网友回复

我知道答案，我要回答

我有问题

回答

如何将linux服务器的文件目录映射到windows电脑磁盘？

Docling 与 MarkItDown 两个库有啥不同？

豆包收费后国产其他ai软件也会跟进收费吗？

JPEG 与 HEIF图片格式区别？

centos7版本太旧无法安装python3.11，如何在docker中运行python3.11？

python如何做个RPA按键精灵的程序？

写一个windows的cmd的python代码如何在命令行中捕获获取复制粘贴的图片？

如何将别人爆款的抖音短视频短剧文案提取为seedance2的提示词？

阿里云域名dns云解析10万次日限额如何应对？

windows电脑如何提交上架ipa苹果应用？