为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕村9548890 2022-01-07 18:47:54
如果您想自己查看所有文件,我将所有文件压缩在这里所以... 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!
查看完整描述

1 回答

?
catspeake

TA贡献1111条经验 获得超0个赞

您需要使用encodeURIComponent而不是encodeURI编码特殊字符,如 # 或 &

或使用

href = URL.createObjectURL(new Blob(value)], { type: "text/plain" }));


查看完整回答
反对 回复 2022-01-07
  • 1 回答
  • 0 关注
  • 134 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信