URLとしてのTextarea値ハッシュエンコードBase64

Question

私はブログ投稿を書くためのツールを用意しています。テキストエリアの値を取ることが可能かどうか疑問に思っていました - > base64でエンコード - >更新せずにURLハッシュとして設定しました。

値は、テキストエリアとハッシュの間で等しくなければなりません。一方が更新すれば他方も更新されます。すべてのクライアントが行う必要があるように、URLを共有すると、テキストエリアが読み込まれます。

ありがとうございます！

Answer 1

btoa()メソッドを使用して、文字列をbase64でエンコードすることができます。そこから、window.location.hashを使用してURLの断片を簡単に更新できます。あなたが代替実装が必要になり、従来のブラウザをサポートする必要があるので、もしbtoa()が< IE10でサポートされていないこと

$('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>

注：これを試してみてください。あなたがGoogleの場合、既に利用可能なたくさんのものがあります。