[bug] Input fields does not respect newlines

[pandafy]

Steps to replicate

1. Using the raw JSON mode, enter the following data which contains a newline character (\n)

{
    "var1": "line1\nline2",
}

2. Save the object
3. Edit the flat JSON widget, using the HTML form and add a new field

key: var2
value: line3

Expected outcome

• The newline character is shown in the input field
• The newline character is present in the data

Actual outcome

• The newline character is removed from the value of var1 field upon saving the data using the HTML form

[anurag629]

Hey, I want to work on this issue. I am new here. Need guidance in order to resolve this issue. Thanks!

[pandafy]

@anurag629 were you able to replicate the issue locally?

[anurag629]

@pandafy I completed the setup but was not able to find out the endpoint where I should write JSON values.

[anurag629]

After creating testapp and model with 'name' field I added the given example code in admins.py file. Is I am doing correct ?

[nemesifier]

@anurag629 follow the instructions to run the dev server locally and open the browser to log into the admin interface, navigate to the add form page of JsonDocument and you will find the widget.

[anurag629]

@nemesisdesign I checked in locally. I found that the string in 'Raw JSON Editing' looks fine but in output, it removes '\n'. We can save it as a raw string.

[pandafy]

@anurag629 we have to make sure that the value of the string does not change while changing from Raw JSON Editing to form input. Only using the Raw JSON Editing is not the fix here.

We have to find out what is removing the newline character \n from the input. By following the steps mention in the issue description, you should be able to replicate the bug.

[anurag629]

@anurag629 we have to make sure that the value of the string does not change while changing from Raw JSON Editing to form input. Only using the Raw JSON Editing is not the fix here.

We have to find out what is removing the newline character \n from the input. By following the steps mention in the issue description, you should be able to replicate the bug.

@pandafy I replicated the issue. Where do I have to find out, in this repo or in enwisp-radius means in which repo backend is written?

[pandafy]

The bug is definitely in this repository only. I would start looking from https://github.com/openwisp/django-flat-json-widget/blob/master/flat_json_widget/static/flat-json-widget/js/flat-json-widget.js

[anurag629]

@pandafy In the given link line 51 we are parsing JSON using JSON.parse() and this function removes all the escape sequencing characters from JSON. In place of JSON.parse() we can use JSON.stringify() then it will not exclude the escape characters.

https://github.com/openwisp/django-flat-json-widget/blob/master/flat_json_widget/static/flat-json-widget/js/flat-json-widget.js#L51

Am I correct?

[nemesifier]

@anurag629 aren't JSON.parse() and JSON.stringify() two methods performing opposite operations? How can we substitute one with the other? I don't think that's a solution, have you already tried it?

[himanshuc3]

Hey there @pandafy I was trying to reproduce the issue. I was able to boot up the server and login to the admin interface. What I am stuck on is finding the route path for jsondocument. P.S. New to python/django, so might test your patience a bit

[pandafy]

@himanshuc3 after starting the development server, visit this URL http://127.0.0.1:8000/admin/test_app/jsondocument/

[himanshuc3]

shows 404 error. Attached a screenshot

[pandafy]

@himanshuc3 how are you running the test project? Did you follow these instructions ?

[himanshuc3]

Followed everything till launching a server. Admin portal works at /admin but admin/test_app/jsondocument/ route doesn't work.

[himanshuc3]

Hey @pandafy Persisting with the same blocker unfortunately.