I'm halfway there, just few more modifications are required and then I'll share the results with you.
Thanks, Fady On Tue, Feb 23, 2010 at 6:47 PM, Marius Dumitru Florea < [email protected]> wrote: > Hi Fady, > > Fady Matar wrote: > > Hi Marius, > > I have created a sample GWT application and configured it to use the > XWiki > > editor however I cannot get the editor to show on the page. > > > > My application consists of the following gwt configuration: > > > > <module> > > <inherits name='com.google.gwt.user.User' /> > > <inherits name='com.google.gwt.user.theme.standard.Standard' /> > > <inherits name='org.xwiki.gwt.wysiwyg.Wysiwyg' /> > > <entry-point class='platform.ui.wiki.wysiwug.client.Application' /> > > <stylesheet src='Application.css' /> > > </module> > > > > the default page consists of the following: > > <html> > > <head> > > <meta http-equiv="content-type" content="text/html; charset=UTF-8"> > > <title>Platform - WYSIWYG</title> > > <script type="text/javascript" > > language="javascript" > > src="platform.ui.wiki.wysiwug.Application.nocache.js" /> > > </script> > > </head> > > > > <body> > > <iframe src="javascript:''" > > id="__gwt_historyFrame" > > style="position:absolute;width:0;height:0;border:0"> > > </iframe> > > </body> > > </html> > > > > and the Application.java entry point class consists of the following: > > > > public class Application implements EntryPoint { > > > > public void onModuleLoad() { > > > CommandManagerApi.publish(); > > WysiwygEditorApi.publish(); > > This code just publishes the JavaScript API you can use to create the > editor and to listen/execute commands on the rich text area. In other > words, your code just defines the WysiwygEditor and CommandManager > JavaScript "classes" described here > > http://code.xwiki.org/xwiki/bin/view/Modules/WysiwygEditorModule#HWysiwygEditor > . > > > } > > } > > > > And still nothing shows up, do I need to add the Java script call and > > initialize the JsConfig for it to run properly? > > The best way to create the editor using you current code is to use a > button and to place the instantiation code on click like this: > > <textarea id="demo" rows="25" cols="80"></textarea> > <button onclick="load()">Load</button> > <script type="text/javascript"> > function load() { > new WysiwygEditor({ > hookId: 'demo', > plugins: 'submit line separator embed text valign list indent > history format symbol table color justify font', > menu: 'table', > toolbar: 'bold italic underline strikethrough teletype | subscript > superscript | justifyleft justifycenter justifyright justifyfull | > unorderedlist orderedlist | outdent indent | undo redo | format | > fontname fontsize forecolor backcolor | hr removeformat symbol' > }); > } > </script> > > You can find the list with all the configuration parameters at > > http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigurationParameters > . Of course not all the parameters are available in your case, unless > you implement the required services. For instance, if you want to see > and edit the source (displayTabs:true) you have to implement the > > http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-client/src/main/java/org/xwiki/gwt/wysiwyg/client/converter/HTMLConverter.java > interface. > > You might have some issues with the CSS, but first lets see if you can > load the editor. > > Hope this helps, > Marius > > > > > I appreciate the assistance. > > > > Cheers, > > Fady > > > > On Mon, Feb 22, 2010 at 12:28 PM, Fady Matar <[email protected]> > wrote: > > > >> Makes sense, I'll be inheriting the modules and checking out what > >> needs to be done, if that makes sense for others then I'll update my > >> blog to include all the steps in procedure, or probably we can update > >> the dev.xwiki.org to reflect those changes. > >> > >> Will get back to you soon on the progress. > >> Thank you for the great assistance. > >> > >> Cheers Marius > >> > >> On 2/22/10, Marius Dumitru Florea <[email protected]> > wrote: > >>> Hi Fady, > >>> > >>> Fady Matar wrote: > >>>> I have tried to get the dependency for the > >>>> xwiki-web-gwt-wysiwyg-client module but I couldn't find it anywhere, > >>>> is this a new split of the wysiwyg module? for example I would have > >>>> wanted to check out xwiki-web-gwt-wysiwyg-client version 2.2 by adding > >>>> it as a maven dependency as follows: > >>>> > >>>> <dependency> > >>>> <groupId>com.xpn.xwiki.platform</groupId> > >>>> <artifactId>xwiki-gwt-wysiwyg-client</artifactId> > >>>> <version>2.2</version> > >>> Yes, xwiki-web-gwt-wysiwyg-client is a new split of the wysiwyg module, > >>> done only on trunk so you have to use version 2.3-SNAPSHOT for now, at > >>> least until we release 2.3M1. If you don't want to be affected by > >>> changes happening daily on trunk, you can build locally > >>> xwiki-web-gwt-wysiwyg-client and then build your project offline using > >>> maven's -o flag. > >>> > >>>> </dependency> > >>>> > >>>> but I couldn't find it anywhere in the xwiki maven repository. > >>>> > >>>> So from what I understand now is that I have to build the module, add > >>>> it as a dependency in my maven project and include it in my gwt sample > >>>> project. > >>> Yes, but you'll have to use the 2.3-SNAPSHOT version for now. > >>> > >>> Hope this helps, > >>> Marius > >>> > >>>> Thanks for the assistance, > >>>> Fady > >>>> > >>>> On 2/19/10, Fady Matar <[email protected]> wrote: > >>>>> Thanks for the information this was helpful > >>>>> > >>>>> Regards, > >>>>> Fady > >>>>> > >>>>> On Fri, Feb 19, 2010 at 5:43 PM, Marius Dumitru Florea < > >>>>> [email protected]> wrote: > >>>>> > >>>>>> Hi Fady, > >>>>>> > >>>>>> So far we haven't written a demo of the WYSIWYG editor outside of > >> XWiki > >>>>>> but it shouldn't be hard to write one: > >>>>>> > >>>>>> * Create a demo GWT-Maven project > >>>>>> * Add a dependency on xwiki-web-gwt-wysiwyg-client ( > >>>>>> > >>>>>> > >> > http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-client/ > >>>>>> ) > >>>>>> * Inherit the WYSIWYG GWT module in your own GWT module descriptor > >>>>>> ** Use the same entry point as the WYSIWYG GWT module, which > publishes > >> a > >>>>>> JavaScript API you can use to instantiate the editor, or > >>>>>> ** Use your own entry point and instantiate the editor in GWT code > >>>>>> > >>>>>> The only limitation is that you won't be able to use the > >>>>>> "switch-to-source" feature (i.e. the tabbed version of the editor) > and > >>>>>> XWiki-specific plugins (link, image, macro and importer) unless you > >>>>>> implement the GWR-RPC services currently implemented in > >>>>>> > >>>>>> > >> > http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-server/ > >>>>>> . > >>>>>> > >>>>>> If you choose to use the same entry point, the JavaScript API that > is > >>>>>> being publish is described at > >>>>>> > >>>>>> > >> > http://code.xwiki.org/xwiki/bin/view/Modules/WysiwygEditorModule#HWysiwygEditor > >>>>>> . You can find the configuration parameters at > >>>>>> > >>>>>> > >> > http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigurationParameters > >>>>>> . Note that we have written a custom GWT script loader ( > >>>>>> > >>>>>> > >> > http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-client/src/main/resources/org/xwiki/gwt/wysiwyg/public/XWikiWysiwyg.js > >>>>>> ) which allows us to write: > >>>>>> > >>>>>> Wysiwyg.onModuleLoad(function() { > >>>>>> // code here > >>>>>> }); > >>>>>> > >>>>>> This way we know for sure that when we try to create a new WYSIWYG > >>>>>> editor the GWT module was loaded. The easiest way to create the > editor > >>>>>> without the special loader is to use a button and to place the code > on > >>>>>> click. > >>>>>> > >>>>>> Hope this helps, > >>>>>> Marius > >>>>>> > >>>>>> Fady Matar wrote: > >>>>>>> I'm aiming to run the wysiwyg component as a standalone GWT for a > >>>>>>> number > >>>>>> of > >>>>>>> reasons: > >>>>>>> 1. To be able to test the component without it being hooked up to > >> XWiki > >>>>>>> 2. To be able to expand it or add more features to it as required. > >>>>>>> > >>>>>>> I would like to get all the possible assistance in achieving that > >> task > >>>>>>> so > >>>>>> I > >>>>>>> can share it with others and probably update the documentation if > >> it's > >>>>>>> beneficial to others. > >>>>>>> > >>>>>>> Cheers, > >>>>>>> Fady > >>>>>>> _______________________________________________ > >>>>>>> devs mailing list > >>>>>>> [email protected] > >>>>>>> http://lists.xwiki.org/mailman/listinfo/devs > >>>>>> _______________________________________________ > >>>>>> devs mailing list > >>>>>> [email protected] > >>>>>> http://lists.xwiki.org/mailman/listinfo/devs > >>>>>> > >>>> _______________________________________________ > >>>> devs mailing list > >>>> [email protected] > >>>> http://lists.xwiki.org/mailman/listinfo/devs > >>> _______________________________________________ > >>> devs mailing list > >>> [email protected] > >>> http://lists.xwiki.org/mailman/listinfo/devs > >>> > > _______________________________________________ > > devs mailing list > > [email protected] > > http://lists.xwiki.org/mailman/listinfo/devs > _______________________________________________ > devs mailing list > [email protected] > http://lists.xwiki.org/mailman/listinfo/devs > _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
