Getting the EditLiveJava javascript object of the active EditLive editor

Kyle_Hipke

I have a custom button in EditLive (on a content editing form) that invokes a JavaScript function. In this javascript function, I need to get some data from the user (via a popup) and insert some html at the cursor. I'm stuck on the "insert some html at the cursor" part because I'm not sure how to get the EditLiveJava object of the active EditLive (which I would then call .InsertHTMLAtCursor on to insert stuff into the editor). How can I obtain a reference to the active editor's object (without having to override the editlive widget's renderer)? Also, I understand that there's a method  "vui.vcm.ui.editor.widget.editlive.get();" exposed by the WEM Javascript API, but that doesn't return an object of type EditLiveJava (i.e. it doesn't have methods for inserting html at the current cursor location).

Sreenivasa_Rao_Venepalli

You need to override editlive widget jsp “editlive.jsp” and add a new method like below

 

<script type="text/javascript">

    vExt.onReady(function(){

                window.insertHTML=function(selectedHTML){

                                var applet = vui.vcm.ui.editor.widget.editlive.editLiveConfigArray['<%=widgetId%>'].applet;                                    

                                                if (selectedHTML){

                                                                applet.InsertHTMLAtCursor(selectedHTML);

                                                }

                };

});

</script>

 

From your pop-up window, invoke method like below

<script type="text/javascript">

 

window.opener.insertHTML(‘some html text’);

window.close(); //closes pop-up window

</script>

 

Regards,

Sreenivas.

 

From: eLink Entry: Discussion Group - Web Experience Management [mailto:v7webcontentmanagement@elinkkc.opentext.com]
Sent: Tuesday, October 23, 2012 4:55 AM
To: eLink Recipient
Subject: Getting the EditLiveJava javascript object of the active EditLive editor

 

Getting the EditLiveJava javascript object of the active EditLive editor

Posted bykyle.hipke@cirrus10.com (Hiple, Kyle) On 10-22-2012 19:23

 

I have a custom button in EditLive (on a content editing form) that invokes a JavaScript function. In this javascript function, I need to get some data from the user (via a popup) and insert some html at the cursor. I'm stuck on the "insert some html at the cursor" part because I'm not sure how to get the EditLiveJava object of the active EditLive (which I would then call .InsertHTMLAtCursor on to insert stuff into the editor). How can I obtain a reference to the active editor's object (without having to override the editlive widget's renderer)? Also, I understand that there's a method  "vui.vcm.ui.editor.widget.editlive.get();" exposed by the WEM Javascript API, but that doesn't return an object of type EditLiveJava (i.e. it doesn't have methods for inserting html at the current cursor location).

---

[To post a comment, use the normal reply function]
Forum:	Discussion Group - Web Experience Management
Content Server:	Knowledge Center