Re: [Wonder-disc] WYSIWYG Editor in an AjaxModalDialog?

[Mike S. <ms...@md...>]

> I am surprised that the up and down keys work anywhere.  The tab won't
> either.  The AjaxModalDialog traps them so the user is prevented from
> accessing the background page.
I was being lazy and didn't want to lookup what special things we did  
in ours, but here goes:

we use YUI's rich text editor which just required a little bit of a  
hook.

		<wo:WOText id="$^id" rows="$^rows" cols="$^cols" class="$^class"  
style="$^style" value="$value" style="visibility: hidden"/>
		<script>
		$(document.body).addClassName('yui-skin-sam');
		var myEditor = new YAHOO.widget.Editor('<wo:str value="$^id"/>', {
	    //height: '300px',
	    //width: '522px',
	    //dompath: false, //Turns on the bar at the bottom
	    //animate: false //Animates the opening, closing and moving of  
Editor windows
		});
		myEditor.on("windowCreateLinkRender", function(e)  
{ e.panel.cfg.setProperty("zIndex", 10001) });
		myEditor.on("windowInsertImageRender", function(e)  
{ e.panel.cfg.setProperty("zIndex", 10001) });
		myEditor.render();
		var saveOnSubmit = function() {
			myEditor.saveHTML();
			$('<wo:str value="$^id"/>').form.stopObserving('ajax:submit',  
arguments.callee);
		};
		$('<wo:str value="$^id"/>').form.observe('ajax:submit', saveOnSubmit);
		$('<wo:str value="$^id"/>').form.observe('submit', saveOnSubmit);
		</script>

// (we do this on the top level page)
     //  <!-- Skin CSS file -->
     ERXResponseRewriter.addStylesheetResourceInHead(response,  
context, "MDTWOExtensions", "yui/2.6.0/build/assets/skins/sam/ 
skin.css");

     //  <!-- Utility Dependencies -->
     ERXResponseRewriter.addScriptResourceInHead(response, context,  
"MDTWOExtensions", "yui/2.6.0/build/yahoo-dom-event/yahoo-dom- 
event.js");
     ERXResponseRewriter.addScriptResourceInHead(response, context,  
"MDTWOExtensions", "yui/2.6.0/build/element/element-beta-min.js");
     //  <!-- Needed for Menus, Buttons and Overlays used in the  
Toolbar -->
     ERXResponseRewriter.addScriptResourceInHead(response, context,  
"MDTWOExtensions", "yui/2.6.0/build/container/container_core-min.js");
     ERXResponseRewriter.addScriptResourceInHead(response, context,  
"MDTWOExtensions", "yui/2.6.0/build/menu/menu-min.js");
     ERXResponseRewriter.addScriptResourceInHead(response, context,  
"MDTWOExtensions", "yui/2.6.0/build/button/button-min.js");
     //  <!-- Source file for Rich Text Editor-->
     ERXResponseRewriter.addScriptResourceInHead(response, context,  
"MDTWOExtensions", "yui/2.6.0/build/editor/editor-min.js");