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
