When trying to edit object values using a text input element and JSON.stringify(txt, null, 2), everything seems fine initially. However, after submitting the input, I end up with unwanted characters like "/n" and "\" within the string literal. Despite attempting regex and string.replace() methods to remove them, my output still contains these characters:
"publisher": "[{\"name\":[\"scripps re\"],\"url\":[\"url.com\"]}]",
Even using JSON.parse(txt) logs correctly, but the undesirable line breaks and backslashes persist.
QUERY:
Is there a method to convert the edited text from the input element into valid JSON without any string literal marks?
I'm working with:
VueJS, JS.
Binding the value of the input field in this manner works as expected:
inputVal = JSON.stringify(object[keyname])
The problem arises when assigning the newly edited text:
Vue.set(object, keyname, newValue)
The newValue always includes unnecessary /n's and \'s.
Attempts made:
Vue.set(object, keyname, newValue.replace('/n'g,""))
Vue.set(object, keyname, JSON.parse(newValue))
{
"publisher": "[{\"name\":[\"scripps re\"],\"url\":[\"url.com\"]}]",
"license": {
"text": "CC BY-NC 4.0",
"url": "http://creativecommons.org/licenses/by-nc/4.0/",
"description": "Attribution-NonCommercial 4.0 International"
}
How can I effectively update the value of 'license', for example, using a textarea input and preserve valid JSON format?
The desired result should be (formatted or not, just without any line break marks):
{
"publisher": "[{"name":["scripps re"],"url":["url.com"]}]",
"license": {
"text": "CC BY-NC 4.0",
"url": "http://creativecommons.org/licenses/by-nc/4.0/",
"description": "Attribution-NonCommercial 4.0 International"
}