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//resources/css/.css"
mime-type="text/css" />
+ <map:read
src="lenya/resources/bxeng/"/>
- </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//resources//.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&qu
ot; 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">&a
mp;#160;</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: dev-unsubscribelenya.apache.org
For additional commands, e-mail: dev-helplenya.apache.org
|