Dear Wiki user, You have subscribed to a wiki page or wiki category on "Lenya Wiki" for change notification.
The following page has been changed by TimHannigan: http://wiki.apache.org/lenya/HowToIntegrateTinyMCEEditor ------------------------------------------------------------------------------ = Integrating the TinyMCE Editor 2.0.4 with Lenya 1.2.4 = (Integration based on [:HowToIntegrateFCKEditor] for installing the FCK Editor in Lenya 1.2) - - (this page is a placeholder and will be filled in shortly) == Installation Instructions == @@ -15, +13 @@ This documents describes the steps on how to get the open source WYSIWYG editor (TinyMCE) working with the Lenya Content Management System. + This has been updated as of late March (05) to clean up the implementation (and number of files involved). + No files outside the scope of this document need be edited for this implementation to work. If you have "image_list.js" sitting in your resources directory as a result of the previous implementation, remove them all. Image and asset integration wont work if you don't remove them. + + + - Download the [attachment:TinyMCE_integration_Lenya1.2.zip] from the wiki, unZIP it and follow these instructions on how to get the editor integrated and working. + Download the [attachment:tinyMCE_integration_for_Lenya_1.2.4.zip] from the wiki, unZIP it and follow these instructions on how to get the editor integrated and working. - Please note that this integration is still very much a work in progress. + == 1. == - Edit file lenya/resources.xmap + Edit file global-sitemap.xmap find this section of code, {{{ - <map:pipelines> + <!-- Editor BXE --> <map:pipeline> - - <!-- Lenya Publications --> - <!-- matches pub-id/area/css/*.css --> - <map:match pattern="*/*/css/*.css"> + <map:match pattern="bxeng/**"> - <map:read src="pubs/{1}/resources/css/{3}.css" mime-type="text/css" /> + <map:read src="lenya/resources/bxeng/{1}"/> - </map:match> + </map:match> + </map:pipeline> }}} @@ -43, +44 @@ {{{ <!--start edit needed for tiny_mce --> - - <!-- matches pub-id/area/**.js --> - <map:match pattern="*/*/**.js"> - <map:read src="pubs/{1}/resources/{2}/{3}.js" mime-type="application/x-javascript" /> - </map:match> + + <!-- Editor tinymce --> + <map:pipeline> + <map:match pattern="tiny_mce/**"> + <map:mount uri-prefix="tiny_mce" src="lenya/usecases/tiny_mce/usecase-tiny_mce.xmap" check-reload="true" reload-method="synchron"/> + </map:match> + </map:pipeline> <!-- end edit for tiny_mce --> - }}} == 2. From the attachment package , == @@ -70, +72 @@ Extract the following directory from the TinyMCE distribution into your newly created (through the copy in step 2) /lenya/usecases/tiny_mce directory - jscripts - == 5. == + And, you should be done. - At this point, the TinyMCE editor should work for you. However, if you want to save and take advantage of the image preview list, you have to take the source files from the attachment package (on Lenya Wiki) directory "copy contents to java src directory" and copy them into your - /src/org/apache/lenya/cms/cocoon/acting directory. - Then you need to rebuild Lenya for it to take affect ( on Unix/Linux ./build.sh ) == TinyMCE config: == - TinyMCE is really great in that you can configure plenty of options at runtime without modifying the source code. Look at the docs (http://tinymce.moxiecode.com/tinymce/docs/index.html) under "Configuration" for more info. + TinyMCE config: + + TinyMCE is really great in that you can configure plenty of options at runtime without modifying the source code. Look at the docs (http://tinymce.moxiecode.com/tinymce/docs/index.html) under "Configuration" for more info. The extent to which you can configure this editor at runtime (without recompile or touching the editor source) is quite amazing. You can even instruct it to build code against the entire XHTML spec inline! In this Lenya integration, all the runtime config for TinyMCE is done in the /lenya/usecases/tiny_mce/xslt/aggregate.xsl file in the header. - There, you'll see my + There, you'll see: {{{ <script language="javascript" type="text/javascript" src="{$contextprefix}tiny_mce/tiny_mce.js"> </script> @@ -105, +105 @@ As a tip, note that I was having some issues with tabbed whitespace in the config area. Eliminated the whitespace (nesting) fixed the problem, although I imagine using CDATA should also fix it. - === Still Unfinished === + === Notes === - Please note that this integration is still needing more work (especially with image and file callbacks). + This integration has come a long way, but the biggest thing still lacking is validation. At the moment, validation against a grammar has been turned off from the Lenya end, with TinyMCE cleaning up the code the best it can (it does produce very clean code). - It has only been tested on MacOSX and Solaris with Lenya 1.2.4. and TinyMCE 2.0.4 + It has been tested on MacOSX and Solaris with Lenya 1.2.4. --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
