Javascript 如何节约<;html内容可编辑>;内容作为文本文件

Javascript 如何节约<;html内容可编辑>;内容作为文本文件,javascript,file,url,save,bookmarklet,Javascript,File,Url,Save,Bookmarklet,我从中看到了内容可编辑url技巧 加上浏览器url中contenteditable元素的内容 您可以在上查看我的代码,然后将其复制到您的浏览器url中 我的问题是 所有空格都变为“”,回车符消失。这是当我的内容可编辑元素是一个div时。我尝试了一个textarea,但它也不起作用 将文件命名为除“下载”以外的其他名称(稍后将成为“下载”(1)、下载(2)…) 我清理并修复了你的东西,这里: 我想这是你想要的。如果需要,您仍然需要重新设置链接的样式,使其看起来像按钮。我也只在Chrome上测试过,

我从中看到了内容可编辑url技巧

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

您可以在上查看我的代码,然后将其复制到您的浏览器url中

我的问题是

  • 所有空格都变为“”,回车符消失。这是当我的内容可编辑元素是一个div时。我尝试了一个textarea,但它也不起作用

  • 将文件命名为除“下载”以外的其他名称(稍后将成为“下载”(1)、下载(2)…)


  • 我清理并修复了你的东西,这里:

    我想这是你想要的。如果需要,您仍然需要重新设置链接的样式,使其看起来像按钮。我也只在Chrome上测试过,所以它可能需要其他小的修改

    至于你的问题以及我是如何解决的:

  • 我不确定我是否完全理解问题的“空格”部分,除非你的意思是所有连续的空格都(错误地)保存为单个空格。实际上,HTML就是这样呈现的。我通过替换您的
    note=note.replace(“,”)带有
    注释=注释。替换(“”,”)。您正在用零替换非中断空格。对于换行符,我只是在保存之前转义了注释:
    escape(note)
    。我还调整了对
    replace()
    的调用,使之更简单、更有针对性(至少在Chrome上是这样)
  • 为了控制文件名,我用一个链接替换了form+按钮,这样我就可以使用“download”属性,这里有文档记录:(目前也主要只支持Chrome)

  • 希望这有帮助

    谢谢你。HREF属性中可以传递的数据是否有限制?@iAnuj,您是指数据量还是类型?看起来您也可以传递二进制数据,尽管我不确定是否有大小/长度限制,如果有,是否取决于浏览器或机器。实验!我问的是数据量,它是否可以处理博客帖子或日记。我想我得做个演示并检查一下。谢谢:-)@ChristianStrempfer谢谢您的更正。@billybradley在编辑时使用堆栈片段
        data:text/html, <html contenteditable>
    
        data: Content-type: application/octet-stream