HOW-TO add an inline editor

jharrop — Tue, 05 May 2009 14:18:02 GMT

There is a wiki page on adding an inline editor but it is incomplete. There are also several later posts asking how to do it.I've just added an (experimental) inline editor for docx documents to my Alfresco 3 development environment, so I thought I'd briefly note the steps here.The key class to loo

Re: HOW-TO add an inline editor

jharrop — Wed, 06 May 2009 06:39:40 GMT

The other half of the battle is to be able to save the edits.

That's done by org.alfresco.web.bean.coci.CheckinCheckoutDialog.editInline

The essence of that is:


            ContentWriter writer = property.getContentService().getWriter(node.getNodeRef(), 
                  ContentModel.PROP_CONTENT, true);
               writer.putContent(property.getEditorOutput());
‍‍‍‍‍

If you need to pre-process the editor output before writing it, you can do that by testing the MIME type.

For property.getEditorOutput() to work its magic, you jsp should contain:

<h:inputHidden id="editorOutput" value="#{CCProperties.editorOutput}" />‍

You'll need to make sure that your editor writes its output into that field when the user clicks the save button.

To do this I attached some javascript to the save button. Here's how:


         <dialog name="editDocxInline" page="/jsp/content/edit-docx-inline.jsp" managed-bean="CCEditDocxInlineDialog"
                 icon="/images/icons/edit_online_large.gif" title-id="editfile_description"
                 description-id="editfileinline_description" show-ok-button="false">
                 <buttons>
                    <button id="finish-button"
                            label="Save"
                            action="#{DialogManager.finish}"
                            onclick="javascript:mySave()" />                 
                 </buttons>
         </dialog>
‍‍‍‍‍‍‍‍‍‍‍‍

@show-ok-button="false" removes the default save button, and the <button> definition adds a new one, with @onclick which calls my Javascript to put the editor output into the editorOutput form field.

Hope this helps someone.

Jason

Re: HOW-TO add an inline editor

avin_jss — Sat, 16 Jan 2010 13:41:40 GMT

can you tell me which open source editor can we integrate to edit doc files ??? if that editor can edit docx that ll be best.

topic Re: HOW-TO add an inline editor in Alfresco Archive

HOW-TO add an inline editor

Re: HOW-TO add an inline editor

Re: HOW-TO add an inline editor