I have an app that allows user to generate text with HTML code in the folowing format:
<h2>User generated Dynamic Data 1</h2>
<h3>User generated text 1.1</h3>
<h3>User generated text 1.2</h3>
<h2>User generated Dynamic Data 2</h2>
<h3>User generated text 2.1</h3>
<h3>User generated text 2.2</h3>
<h3>User generated text 2.3</h3>
<h2>User generated Dynamic Data 3</h2>
<h3>User generated text 3.1</h3>
<h3>User generated text 3.2</h3>
This is how it looks like in a browser:
This is how it looks like in a browser
Is there any way to replace what user generated with the one below, using javascript?
<h2>User generated Dynamic Data 1 <button class="something" onclick="bubble_fn_add_headers({output1: 'User generated Dynamic Data 1', output2: 'User generated text 1.1nUser generated text 1.2'});">Save</button></h2>
<h3>User generated text 1.1</h3>
<h3>User generated text 1.2</h3>
<h2>User generated Dynamic Data 2 <button class="something" onclick="bubble_fn_add_headers({output1: 'User generated Dynamic Data 2', output2: 'User generated text 2.1nUser generated text 2.2nUser generated text 2.3'});">Save</button></h2>
<h3>User generated text 2.1</h3>
<h3>User generated text 2.2</h3>
<h3>User generated text 2.3</h3>
<h2>User generated Dynamic Data 3 <button class="something" onclick="bubble_fn_add_headers({output1: 'User generated Dynamic Data 3', output2: 'User generated text 3.1nUser generated text 2.2'});">Save</button></h2>
<h3>User generated text 3.1</h3>
<h3>User generated text 3.2</h3>
This is how the above would look like in a browser:
This is how the above would look like in a browser
The situation is very trickey because:
- All the texts surrounded by
<h2></h2>
and<h3></h3>
tags are user generated. - Users can generate any number of
<h2>
Texts followed by any or even zero number of<h3>
texts.
Can you guys suggest any work around this using javascript?
Thanks
I would have tried
s.replace('<h2>', '<h2>User generated Dynamic Data 1 <button class="something" onclick="bubble_fn_add_headers({output1: 'User generated Dynamic Data 1', output2: 'User generated text 1.1nUser generated text 1.2'});">Save</button></h2>')
But it just isn’t possible because the texts are dynamically generated and are unique each time.