Home/ Questions/Q 3608538
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T21:30:50+00:00

When I try to clone a textarea by using cloneNote(true), the cloned textarea is

  • 0

When I try to clone a textarea by using cloneNote(true), the cloned textarea is not editable. Does anyone know how to resolve the problem? The sample codes show as following:

<html>
<head>
<script type="text/javascript" src="/javascripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
        theme : "advanced",
        mode : "textareas",
});
</script>

<script type="text/javascript">

testclonenode = {

    addAbove : function (element) {
        var rowEl = element.parentNode.parentNode.parentNode;
        var rowElClone = rowEl.cloneNode(true);

        rowEl.parentNode.insertBefore(rowElClone, rowEl);

        return false;
    }
};
</script>
</head>

<body>
<table>
<tr><td>
    <textarea name="content" style="width:100%">this is a test </textarea>
<p> <button onclick='return testclonenode.addAbove.call(testclonenode, this);'> Add above </button>
</td></tr>
</table>
</body></html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It does not work that way. Also, it is impossible to move a tinymce editor using dom manipulation.

    The tinymce wiki states the following:

    mceAddControl

    Converts the specified textarea or div
    into an editor instance having the
    specified ID.

    Example:

    tinyMCE.execCommand('mceAddControl',false,'mydiv');

    So when you clone a textarea there is another problem: You will have the same id twice which will result in errors accessing the right tinymce instance.

    • 0