I've created a simple HTML page that takes some input from the user to store on a server to be retrieved later -- this is how the text is treated when the user clicks a submit button (I've placed numbered comments under the key lines but provide the surrounding code for context):
var origText = $('#input-field').val(),         // 1. GETS WHATEVER USER TYPED INTO INPUT FIELD     jsonText = '{ "text": "' + origText + '" }',         // 2. WRAPS IT AN OBJECT STRING     ajaxText = encodeURIComponent(jsonText);         // 3. ENCODES THE STRING FOR USE WITH AJAX  $.ajax({     url: 'http://localhost:8124/',     data: 'save=' + ajaxText + '&fn=save',         // 4. THE ENCODED STRING IS ADDED TO THE QUERY SECTION OF THE AJAX REQUEST     dataType: "jsonp",     cache: false,     timeout: 5000,     success: function(data) {         $("#input-ready").html(data.save.text);     },     error: function(jqXHR, textStatus, errorThrown) {         alert('error ' + textStatus + " " + errorThrown);     } });   The request is sent to a NodeJS server I am running locally, which (within the http.createServer callback) does the following:
var queryObj = url.parse(req.url, true).query;     // 1. GET THE QUERY PART OF THE REQUEST/URL AS AN OBJECT res.writeHead(200, {'Content-Type': 'application/javascript'});     // 2. PREPARE SERVER'S RESPONSE AS JAVASCRIPT queryObj.fn = queryObj.fn || ''; queryObj.save = queryObj.save || ''; queryObj.callback = queryObj.callback || '';     // 3. ENSURE THE PROPERTIES NEEDED ARE DEFINED, EVEN IF FALSE-Y if (queryObj.fn === 'save') {     // 4. IF THE REQUEST IS TO SAVE THEN WRITE THE USER INPUT AS OBJECT TO A TEXT FILE     fs.writeFile('jsonp-storage-2.txt', queryObj.save, function (err) {         if (err) {             throw err;         } else {             console.log('Saved message successfully.', 'Ready to be read now.');             res.end(queryObj.callback +                 '({ fn: "' + queryObj.fn + '", save: ' + queryObj.save + ' })');         }     }); }   Assuming the user types and submits "this is a line of text", the output on the server is a text file called jsonp-storage-2.txt containing this:
{ "text": "this is a line of text" }   After all that, my question is quite simple. How do I prettify the output in the text file?
The code needs work but I'm thinking of using this to try storing larger objects for reading later. However, at the server end, I would like the files (for now) to be easy for me to read when opening them with Notepad, for example.
I have tried using \n and \t like so:
jsonText = '{\n\t"text": "' + origText + '"\n}',   I've also tried \r. But the lines remain unbroken.
Some answers suggest that I can only do this at the level of the encoded string or after the file has been written. Perhaps I missed something simple. Is there a way to do it by manipulating my jsonText variable?
UPDATE:
Just to be clearer about the output desired -- currently the content of the text file produced looks like this:
{ "text": "this is a line of text" }   But I'd like to know if it can be produced like this:
{     "text": "this is a line of text" } 
                To create a line break in JavaScript, use “<br>”. With this, we can add more than one line break also.
Inserting a newline code \n , \r\n into a string will result in a line break at that location. On Unix, including Mac, \n (LF) is often used, and on Windows, \r\n (CR + LF) is often used as a newline code.
Use
var os = require('os'); var jsonText = '{' + os.EOL + '\t"text": "' + origText + '"' + os.EOL + '}'; 
                        If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With