将HTML编辑器的内容作为HTML文件保存在桌面上

本文介绍了将HTML编辑器的内容作为HTML文件保存在桌面上的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想通过点击一个按钮来保存TinyMce HTML编辑器的内容。 TinyMce在本地安装，我在Chrome中使用它。
我已经看到这个，并且，但我无法执行它们。
当我点击保存按钮时，即使我的代码位于正在工作

I want to save the content of a TinyMce HTML editor by clicking on a button. The TinyMce is on a local installation, and I use it in Chrome.I have see this answer and that one but I am not able to implement them.When I click on the Save button, I don't get the download pop up, even though my code on JSfidle is working

所以这里是我的TinyMCEnote.hmlt（保存在桌面/ TinyMceLocal中）

So here is my TinyMCEnote.hmlt (save in desktop/TinyMceLocal)

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript">
 function saveTextAsFile()
    {
        var textToWrite = document.getElementById('textArea').value;
        var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
        var fileNameToSaveAs = "ecc.plist";

        var downloadLink = document.createElement("a");
        downloadLink.download = fileNameToSaveAs;
        downloadLink.innerHTML = "Download File";

        downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
        downloadLink.click();
    }

    var button = document.getElementById('save');
    button.addEventListener('click', saveTextAsFile);
  </script>
</head>
<body>
   <textarea id = "textArea">
        Notes here...
    </textarea>
        <button type="button" value="save" id="save"> Save</button>
</body>
</html>

推荐答案

使用onclick调用函数

Calling the function with onclick made the trick:

<!DOCTYPE html>
<html>
<head>
  <script>
     function saveTextAsFile()
        {
            var textToWrite = tinyMCE.activeEditor.getContent();
            var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
            var fileNameToSaveAs = "note.html";

            var downloadLink = document.createElement("a");
            downloadLink.download = fileNameToSaveAs;
            downloadLink.innerHTML = "Download File";

            downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
            downloadLink.click();
        };
 </script>
</head>

<body>
<textarea id = "textArea" cols="40" rows="40">
</textarea>
<button onclick="saveTextAsFile()">Save Note Content</button>
</body>
</html>

                        这篇关于将HTML编辑器的内容作为HTML文件保存在桌面上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！