Managing dynamic add and remove element with textarea tinymce plugin

Question

Could anyone help me, I am trying to use tinymce in all my textarea

basically I have add button that would copy the div and all its element

also I have delete button once user want to delete the div generated.

that two button works fine..

my problem is tinymce doesn't work in the newly add element, I have read that tinymce wont work on the same id's , id's must be unique, but I cant figure out how to do it.

concerns:
1. is same id cause conflict here?
2. If not how could I fixed this?

so far this is all I have DEMO

** the newly created textarea doesn't work **

any suggestion,comments,instruction is well appreciated.. thanks!

Answer 1

Problem here is you cannot clone a DOM element structure containing the DOM elements of the first editor. Plus the newly created elements have the same editor id.

You should use jQuery to generate new DOM elements similar to those with class clonedInput and take care you assign another id than "ta"