javascript - 文本区域值作为 URL 哈希编码 Base64

Question

我正在构建一个用于撰写博客文章的工具。我想知道是否可以获取 textarea 的值 -> 使用 base64 进行编码 -> 设置为 URL 哈希而不刷新。

文本区域和哈希值之间的值应该相等。如果其中一个更新，另一个也会更新。这样，客户端所要做的就是共享 URL，文本区域就会加载。

提前致谢!

Answer 1

您可以使用btoa()方法对字符串进行 Base64 编码。从那里您可以使用 window.location.hash 简单地更新 URL 片段。试试这个:

$('textarea').on('input', function() {
  var encodedValue = btoa(this.value);
  window.location.hash = encodedValue;
  
  $('div').text(encodedValue); // only to show the encoded output in this demo
});

textarea { width: 100%; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea></textarea>

<div></div>

请注意，IE10 不支持 btoa()，因此如果您需要支持旧版浏览器，则需要替代实现。如果你谷歌一下，已经有很多可用的了。