Hi i am a great fan of Extjs
Am developing an application using extjs.
In one my page, am using an html editor and text area to insert data.
My aim is to insert a text box’s value in the current cursor position of the html editor and text area,
I got a built-in method for html editor (insertAtCursor) and I succeeded in inserting the value of textfield inside html editor , but I haven’t find any method for the same functionality in the textarea .
Please help to solve my problem
Am using extjs4.1 , developing application in MVC architecture,

My view file am using a checkbox,button,text area,textfield,htmleditor
Check box is used to change the visibility of html editor and text area,
Text field is used to insert data , and on the click event of botton takes the textfields value and inserts in to html editor or text area according to the selection made by the checkbox

This is the method I wrote in the controller

addDataToEditor:function() {
        var  valueofTextbox = Ext.getCmp('insertvariablekeyword').getValue(); 
        // This 'insertvariablekeyword'  is the text field
        console.log("New Data"+ valueofTextbox);
        var valueofhtmlEditor = Ext.getCmp('templateHtmlEditor').getValue();
        // this     'templateHtmlEditor' is the id of html editor    
        console.log("Error "+e);
        console.log(" This is inside templatePlainTextArea ");
        // This 'templatePlainTextArea' is the id of text area
        console.log("Error is "+e);
The above code works well for html editor, it inserts data in the correct cursor position .
Please help me to complete my task I googled a lot to find a method, and I tried some codes but I failed, the result I saw in the console is undefined , Help me please

Is there any plug in available to insert data into the cursor position of text area ?

Thanks in advance