Need help modifying a Text editor in a product designer Wordpress plugin

I wanted to know if you can help me get my Lumise product designer plugin for WooCommerce coded to where when my viewer is using the "Text" tool it will allow them to edit the text from just clicking on the actual text on the shirt. So in other words if you look at the attachment i want it coded so that when the viewer clicked on the bridge on the shirt the curser will come on and you will be able to edit the text straight from the shirt area...... also i want it to be coded to be able to be shown on the shirt right then and there and not after editing it in the upper text edit window after hitting the 'update text' button. Let me know if you can help me with this task. Thanks Again. you can view the plugin that i'm referring about on my test website by going to [login to view URL] and clicking on the design editor - the plugin is called lumise