2

我从https://coderwall.com/p/lhsrcq看到了内容可编辑的 url 技巧

    data:text/html, <html contenteditable>

它允许您将浏览器用作 txt 文件，但在保存 html 页面时内容会丢失。

我制作了一个可以用作书签的字符串，它可以让您通过创建一个带有 src 的 iframe 来保存您输入的内容

    data: Content-type: application/octet-stream

加上浏览器 url 中 contenteditable 元素的内容

您可以在http://pastebin.com/4z8tttuA看到我的代码，然后将其复制到您的浏览器 url

我的问题是

  1. 所有的空格都变成了 ' ' 并且回车消失了。这是我的内容可编辑元素是 div 的时候。我用textarea试过它也不起作用

  2. 将文件命名为“下载”以外的名称（后来变为下载（1），下载（2）......）

4

1 回答 1

2

我清理并修复了你所拥有的东西，在这里： http: //pastebin.com/sJXVvRUB

我认为它可以满足您的需求。如果需要，您仍然需要重新设置链接的样式，使其看起来像一个按钮。我也只在 Chrome 中测试过，所以它可能需要其他小的修改。

至于您的问题以及我如何解决它们：

  1. 我不确定我是否完全理解问题的“空格”部分，除非您的意思是所有连续的空格都（错误地）保存为单个空格。实际上，这就是 HTML 呈现它的方式。我通过用替换你的来解决这个note = note.replace("&nbsp;", "");问题note = note.replace('&nbsp;', ' ');。您正在用任何内容替换不间断的空格。对于换行符，我只是在保存之前转义了注释：escape(note)。我还调整了调用，replace()使其更简单、更有针对性（至少在 Chrome 上）。
  2. 为了控制文件名，我用链接替换了表单+按钮，这样我就可以使用此处记录的“下载”属性：https ://developer.mozilla.org/en-US/docs/HTML/Element/a#attr -download（目前也大多仅受 Chrome 支持）。

希望这可以帮助！

于 2013-03-23T14:54:52.997 回答