I am using a t-shirt designer plugin that uses javascript canvas elements.
In the photo attached called "current", you'll see how the plugin design is currently set up. There is a hidden text box that is using left:-999px to hide it from the screen. If you double click the google font text in the top design box, "I ❤ [Your Pet's Name]", you can edit the text, which also edits the text in the hidden text box.
The attached photo "what-i-want" shows what i want the plugin design function to look like. When the text is selected from the dropdown box in the lower canvas, I want the hidden text box to appear in this position with the words "Edit Text" above it. When a person changes the text in the box, the google font text updates in the upper canvas.
I have uploaded the two files I think you will need to edit to make this work. a php file an javascript file.
Please let me know if this is possible. Thanks!