How to take out the signed Transaction in readable format after transaction.sign?

[hex]

I am looking to sign a transaction offline and then take it out and submit on a computer that is online.

I was wondering if there is way for me to get the signed transaction which can be submitted and read easily.

For example, after I sign a ripple transaction offline,

I can decode it to get something like

{
      "TransactionType": "Payment",
      "Sequence": 1,
      "DestinationTag": 2342,
      "Amount": "4910900",
      "Fee": "10",
      "SigningPubKey": "abcd",
      "TxnSignature": "304402203225757DA1700B1DA478C91B081D89314587FA825A378D6D57A225FBE1C74405022024AAEDAC193977D7004A3870F7A425B674E9DD7A398C880AA90EA0A711E0CE4F",
      "Account": "raddress1",
      "Destination": "raddress2"
}

Is there anyway to do the same for Stellar? Because right now, after I do,

transaction.sign(key);
console.log(transaction);

I see something like this,

Transaction {
  _networkPassphrase: 'Test SDF Network ; September 2015',
  tx:
   ChildStruct {
     _attributes:
      { sourceAccount: [ChildUnion],
        fee: 100,
        seqNum: [Hyper],
        memo: [ChildUnion],
        ext: [ChildUnion],
        timeBounds: [ChildStruct],
        operations: [Array] } },
  source: 'address1111',
  fee: 100,
  _memo:
   ChildUnion {
     _switch: ChildEnum { name: 'memoText', value: 1 },
     _arm: 'text',
     _armType: String { _maxLength: 28 },
     _value: '2' },
  sequence: '4824914720718849',
  timeBounds: { minTime: '0', maxTime: '1579777533' },
  operations:
   [ { type: 'payment',
       destination: 'addressOOO',
       asset: [Asset],
       amount: '16.2865000' } ],
  signatures: [ ChildStruct { _attributes: [Object] } ] 
}