Create spaces in postMessage text string from collection

I have now been able to change an HMTL scrolling text update, by user on while on the page and also update the field key in myCollection with the new scrolling text.

New Task 1
How can i create space between each word that is entered into the scroll like the image i have attached here (the HTML is moving to the left in practise from the right side)
a) when the update button is clicked so the spaces appear between words as below
and
b) when i use the data from the scroll field key on another page in postMessage to show their update in an HTML iFrame

New Task 2
Display an HTML iframe on another page using postMessage function using the updated data from task 1 which is the field / field key in myCollection

I’ve been working on this for a couple of days so any help / code would be very much appreciated
Thanks
Adam