如何让google crypto.js cypher输出一个字符串？

Question

I want to have an offline webpage containing javascript that will encrypt a string with a key and result in another string. Then I want to do the reverse.

This is a simple tool that I would run offline so I would prefer to keep the conversation away from client side encryption.

For now i've chosen google crypto.js as my cypher and for this example I'm using Rabbit

here is my jdfiddle

http://jsfiddle.net/Pz3ab/

which uses jquery and the following external resource

http://code.google.com/p/crypto-js/#Rabbit

Where am I going wrong?

<div>key<br><input class="key" type="text"></div>
<div>readout<br><input class="readout" type="text"></div>
<div>
    <div class="button encrypt">encrypt</div>
    <div class="button decrypt">decrypt</div>
</div>
<div class="error"><div>

var key,readout;
$('.encrypt').on('click', function(){
    if (init()) {
        console.log('-- encrypt clicked --');
        console.log('key = ', key);
        console.log('readout = ', readout);
        var answer = CryptoJS.Rabbit.encrypt(readout, key);
        answer = answer.toString();
        console.log('answer = ',answer);
        $('.readout').val(answer);
    }
});
$('.decrypt').on('click', function(){
    if (init()) {
        console.log('-- decrypt clicked --');
        console.log('key = ', key);
        console.log('readout = ', readout);
        var answer=CryptoJS.Rabbit.decrypt(readout, key);
        answer = answer.toString();
        console.log('answer = ',answer);
        $('.readout').val(answer);
    }
});
function init(){
    key = '' + $('.key').val();
    readout = '' + $('.readout').val();
    console.log('-- init, error check, get key and readout --');
    console.log('key = ', key);
    console.log('readout = ', readout);
    $('.error').empty();
    var success = true;
    if (key=="") {$('.error').append('key is empty<br>');success=false;}
    if (readout=="") {$('.error').append('readout is empty<br>');success=false;}
    return success;
}

Answer 1

Short answer: answer.toString( CryptoJS.enc.Utf8 );

Long answer: The decrypted otuput you're seeing is the original readout string encoded as hex. The reason it's encoded as hex is because the cipher algorithms have no way to know the original character encoding. Was it Latin1? Utf8? Utf16? Etc. By passing the Utf8 encoder to the toString method, we can tell it to use that character encoding.