Textarea值作为URL哈希编码Base64

Question

我有一个用于撰写博客文章的工具。我想知道是否可以采用textarea的值 - ＆gt;用base64编码 - ＆gt;设置为URL哈希而不刷新。

textarea和hash之间的值应该相等。如果一个更新，那么另一个更新。这样客户所要做的就是共享URL，textarea将加载。

提前致谢！

Answer 1

您可以使用btoa()方法对字符串进行base64编码。从那里，您只需使用window.location.hash更新网址片段即可。试试这个：

＆＃13;

＆＃13;

$('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
});

＆＃13;

textarea { width: 100%; }

＆＃13;

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

<div></div>

＆＃13;

＆＃13;

＆＃13;

请注意＆lt; {1}}不支持{0} IE10因此，如果您需要支持旧版浏览器，则需要一个替代实现。如果您使用Google，则可以使用很多。