猿问

如何从 Ace 文本编辑器下载内容?

如果您想自己查看所有文件,我将所有文件压缩在这里


所以... Ace 文本编辑器对我来说设置起来真的很复杂。我以为我把一切都搞砸了,但没有。到目前为止,我已经很好地合并了下载按钮。我花了一段时间,但后来我采用了隐藏元素的方式并做到了这一点。


function downloadHTML() {

    var HTMLtextToSave = editor.getValue();

    var HTMLhiddenElement = document.createElement("a");


    HTMLhiddenElement.href = 'data:attachment/text,' + encodeURI(HTMLtextToSave);

    HTMLhiddenElement.target = '_blank';

    HTMLhiddenElement.download = 'untitled.html';

    HTMLhiddenElement.click();

}

在我尝试 CSS 之前,一切都很好。出于某种愚蠢的原因,getValue() 决定在每次看到标签 (#) 时进行癫痫发作。它会下载所有代码,直到看到它,然后停止。我真的需要解决这个问题。我现在将我的项目称为 GridOff(测试版)。你可以在这里下载我现在压缩的东西。这是我的 HTML 编辑器的 HTML 代码。


<!DOCTYPE html>

<html>

    <head>

        <title>ACE HTML Editor</title>

        <!-- Put editor language e.g.: Ace HTML Editor -->

        <style type="text/css" media="screen">

            #editor {

                position: absolute;

                top: 0;

                right: 0;

                bottom: 0;

                left: 0;

            }

        </style>

        <meta charset="UTF-8">

        <!-- Defines character set -->

        <link type="text/css" rel="stylesheet" href="../CSS/stylesheet.css">

        <!-- CSS Stylesheet -->

        <link type="image/x-icon" rel="shorcut icon" href="../Other/html5favicon.ico">

        <!-- Favicon -->

        <script type="text/javascript" src="../JavaScript/index.js"></script>

        <!-- JavaScript Index -->

    </head>


此外,我无法找到一种方法让它只浏览 html 文件,在编辑器中打开它们,然后编辑它们。如果有人对我遇到的任何这些问题有解决方案,请随时发表评论。我现在正在寻找任何东西。谢谢 StackOverflow!


慕村9548890
浏览 135回答 1
1回答

catspeake

您需要使用encodeURIComponent而不是encodeURI编码特殊字符,如 # 或 &或使用href&nbsp;=&nbsp;URL.createObjectURL(new&nbsp;Blob(value)],&nbsp;{&nbsp;type:&nbsp;"text/plain"&nbsp;}));
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答