[xwiki-devs] Running wysiwyg GWT editor as standalone
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
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-clie... ) * 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-serv... . 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#HWysiwygEdi... . You can find the configuration parameters at http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura... . Note that we have written a custom GWT script loader ( http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie... ) 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
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-clie... ) * 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-serv... .
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#HWysiwygEdi... . You can find the configuration parameters at
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura... . Note that we have written a custom GWT script loader (
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie... ) 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
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> </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. 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-clie... ) * 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-serv... .
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#HWysiwygEdi... . You can find the configuration parameters at
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura... . Note that we have written a custom GWT script loader (
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie... ) 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
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-clie... ) * 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-serv... .
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#HWysiwygEdi... . You can find the configuration parameters at
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura... . Note that we have written a custom GWT script loader (
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie... ) 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
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-clie... ) * 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-serv... .
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#HWysiwygEdi... . You can find the configuration parameters at
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura... . Note that we have written a custom GWT script loader (
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie... ) 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
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(); } } And still nothing shows up, do I need to add the Java script call and initialize the JsConfig for it to run properly? 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-clie...
) * 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-serv...
.
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#HWysiwygEdi...
. You can find the configuration parameters at
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura...
. Note that we have written a custom GWT script loader (
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie...
) 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
On 02/23/2010 03:33 PM, 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' />
Can't help more, but there's a typo in the next line, make sure this isn't the real problem (wysiwUg instead of 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(); } }
And still nothing shows up, do I need to add the Java script call and initialize the JsConfig for it to run properly?
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-clie...
) * 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-serv...
.
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#HWysiwygEdi...
. You can find the configuration parameters at
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura...
. Note that we have written a custom GWT script loader (
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie...
) 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.
-- Sergiu Dumitriu http://purl.org/net/sergiu/
Indeed it's a typo, that's not the actual problem On Tue, Feb 23, 2010 at 5:39 PM, Sergiu Dumitriu <[email protected]> wrote:
On 02/23/2010 03:33 PM, 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' />
Can't help more, but there's a typo in the next line, make sure this isn't the real problem (wysiwUg instead of 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(); } }
And still nothing shows up, do I need to add the Java script call and initialize the JsConfig for it to run properly?
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-clie...
> ) > * 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-serv...
> . > > 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#HWysiwygEdi...
> . You can find the configuration parameters at > >
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura...
> . Note that we have written a custom GWT script loader ( > >
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie...
> ) 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.
-- Sergiu Dumitriu http://purl.org/net/sergiu/ _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
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#HWysiwygEdi... .
} }
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#HConfigura... . 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-clie... 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-clie...
) * 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-serv...
.
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#HWysiwygEdi...
. You can find the configuration parameters at
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura...
. Note that we have written a custom GWT script loader (
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie...
) 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
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#HWysiwygEdi... .
} }
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#HConfigura... . 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-clie... 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-clie...
> ) > * 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-serv...
> . > > 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#HWysiwygEdi...
> . You can find the configuration parameters at > >
http://platform.xwiki.org/xwiki/bin/view/AdminGuide/WysiwygEditor#HConfigura...
> . Note that we have written a custom GWT script loader ( > >
http://svn.xwiki.org/svnroot/xwiki/platform/web/trunk/xwiki-gwt-wysiwyg-clie...
> ) 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
participants (3)
-
Fady Matar -
Marius Dumitru Florea -
Sergiu Dumitriu