如果您想自己查看所有文件，我的所有文件都压缩在此处
所以... 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 lang="en">
<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>
<body>
<div id="editnav">
<input type="button" id="downloadbtn" onclick="downloadHTML()" value="Download">
<input type="button" id="openbtn" onclick="openCode()" value="Open">
<input type="button" id="homebtn2" onclick="window.location.href = 'index.html';" value="Home">
</div>
<input type="button" id="togglebtn2" onclick="toggleVisibility2()" value="Toggle">
<div id="editor"><!DOCTYPE html>
<html>
<head lang="">
<meta charset="">
<link type="text/css" rel="stylesheet" href="">
<!-- CSS Stylesheet -->
<link type="image/x-icon" rel="shortcut icon" href="">
<!-- Favicon -->
<title></title>
</head>
<body>
<p>Ace HTML Editor</p>
</body>
</html></div>
<!-- In this div, put filler text -->
<!-- use < for < -->
<script src="../Other/Ace/ace-builds-master/src/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var editor = ace.edit("editor");
editor.setTheme("ace/theme/monokai");
editor.session.setMode("ace/mode/html");
// editor.setTheme("ace/theme/themeHere")
// editor.session.setmode("ace/mode/languageHere")
</script>
</body>
</html>
另外，我找不到一种方法来浏览仅html文件，在编辑器中打开它们并进行编辑。如果有人对我遇到的这些问题有解决方案，请随时发表评论。我现在正在寻找任何东西。谢谢StackOverflow！
您需要使用encodeURIComponent而不是encodeURI对特殊字符进行编码，例如＃或＆
或使用
href = URL.createObjectURL(new Blob(value)], { type: "text/plain" }));
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句