Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

[Tarek]

Has anyone been able to successfully use the OpenWYSIWYG HTML Editor on A5W pages in Firefox? I'm trying to use this with a Grid Component to enable HTML editing in Text Area controls. I've used both the version of OpenWYSIWYG and instructions from Steve Woods' site, as well as the latest version 1.47.

Using either of these, everything works perfectly fine and is fully-functional when viewed in Internet Explorer. However, when viewed in Firefox (multiple 2.x & 3.0 versions tried on multiple machines), it draws the toolbars for the first Text Area control and I can appear to interact with the toolbars' buttons, but I cannot enter anything in the control itself. Moreso, when the page is first loaded, I get unceasing "Read <SERVER>" and "Transferring from <SERVER>". If the page contains multiple Text Area controls with the HTML editor applied to all of them, it never draws the toolbars for any control beyond the very first one.

If I open the browser's Java Console, I get several warnings about parsing values for height and width properties, and a single error:

Error: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMNSHTMLDocument.designMode]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: https://<SERVER>/dir/dir/scripts/wysiwyg.js :: anonymous :: line 837" data: no]
Source File: https://<SERVER>/dir/dir/scripts/wysiwyg.js
Line: 837

I've tinkered with various Java, browser and security settings and can't seem to work past this. Has anyone experienced something similar, or otherwise had success with this? I'd have posted this on OpenWebWare's forums, but I only have this problem when applying this via an A5W file (even viewing an HTML file loaded thru WAS appears to work).

Thanks,
Tarek

[Steve Wood]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

I've never seen that. Here is a snapshot from FF 3.0.1 where I have two edit boxes stacked in a Grid. The openWYSIWYG is whatever is on my website for upload (which I am glad to see others are using). I tried data-entry and general messing with the object with no problem. Not a Java or FF expert, so I don't know what to suggest.

[Tarek]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

After playing around with it some more, the problem appears to be related to having Tab Control/Tab Pane Layout Commands arranged on a grid in such a manner that the Text Area controls are not on the first tab.

Crap :(

[Steve Wood]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

If you look at my image, the two text boxes are on the 5th tab pane. I used to have a dozen on the same tab and they worked then too.

[Pat Bremkamp]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

Steve,

I've used openWYSIWYG in a couple situations, but then I tried it in Safari. I know it is not supported in Safari, but instead of simply not working, it puts up a huge "Doesn't work with Safari..." message box that stops everything.

Have you tried this, and more important, do you know a way to prevent the message box?

For now, I've gone back to FCKeditor because of the compatibility problem.

Pat

[Tarek]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

For now, I've gone back to FCKeditor because of the compatibility problem.

Pat,

Thanks for mentioning FCKeditor, as I am open to trying an alternative to OpenWYSIWYG in an attempt to work around the issue I'm experiencing. Are you successfully using this with grid components? If so, could I trouble you to elaborate on how you were able to integrate the editor into grid components' Text Area controls?

I've tried:

<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor( 'Issue' ) ;
oFCKeditor.BasePath = "/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>

..where "Issue" is the name of my Text Area control, but I then get a message saying that no Text Area control with that name can be found. How else would we be able to identify how to link a grid component's Text Area control with one that the editor can recognize?

Thanks,
Tarek

[Pat Bremkamp]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

Tarek,

Edit the grid component and look in the html tab. Find the id for that field. It will be something like V.R1.ISSUE. That's what you enter, and be sure you use the same case...JavaScript is case sensitive.

Pat

[Tarek]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

Steve,

That is interesting. I've tried playing around with putting the TextArea controls on other tabs, but I'm seeing it consistently not work whenever any of the controls are not on the first tab, for whatever reason (tab control type doesn't appear to matter, either).

I tried out FCKEditor that Pat mention and don't seem to be having the same problem.

Pat,

Thanks for the info and pointer on this.

One thing I have noticed with FCKEditor is that if I apply it to all my TextArea controls on a grid, it resizes all of them to the same sized small box (both for the editor as well as the actual control itself). If I apply it to any combination of the 3 TextArea controls on my grid, they are sized properly, so long as I keep one of the TextArea controls free of attaching to the editor. It behaves this way consistently between IE and Firefox. You haven't experienced anything like this, have you?

Regards,
Tarek

[Pat Bremkamp]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

Tarek,

You can size them individually. Here's a script that does 5 text areas on one page

 
<script type="text/javascript" src="htmledit/fckeditor.js"></script>
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor1 = new FCKeditor( 'Ev_AddEdit_VHTML' ) ;
 oFCKeditor1.ToolbarSet = 'Asqpdx' ;
 oFCKeditor1.Height = 400 ;
 oFCKeditor1.Width = 500 ;
 oFCKeditor1.BasePath = "htmledit/" ;
 oFCKeditor1.ReplaceTextarea() ;
var oFCKeditor2 = new FCKeditor( 'Ev_AddEdit_VSPONSORS' ) ;
 oFCKeditor2.ToolbarSet = 'Asqpdx' ;
 oFCKeditor2.Height = 300 ;
 oFCKeditor2.Width = 500 ;
 oFCKeditor2.BasePath = "htmledit/" ;
 oFCKeditor2.ReplaceTextarea() ;
var oFCKeditor3 = new FCKeditor( 'Ev_AddEdit_VBIO' ) ;
 oFCKeditor3.ToolbarSet = 'Asqpdx' ;
 oFCKeditor3.Height = 300 ;
 oFCKeditor3.Width = 500 ;
 oFCKeditor3.BasePath = "htmledit/" ;
 oFCKeditor3.ReplaceTextarea() ;
var oFCKeditor4 = new FCKeditor( 'Ev_AddEdit_VAGENDA' ) ;
 oFCKeditor4.ToolbarSet = 'Asqpdx' ;
 oFCKeditor4.Height = 300 ;
 oFCKeditor4.Width = 500 ;
 oFCKeditor4.BasePath = "htmledit/" ;
 oFCKeditor4.ReplaceTextarea() ;
var oFCKeditor5 = new FCKeditor( 'Ev_AddEdit_VMENU' ) ;
 oFCKeditor5.ToolbarSet = 'Asqpdx' ;
 oFCKeditor5.Height = 200 ;
 oFCKeditor5.Width = 500 ;
 oFCKeditor5.BasePath = "htmledit/" ;
 oFCKeditor5.ReplaceTextarea() ;
}
</script>

Pat

[Tarek]

Re: Problems with OpenWYSIWYG HTML Editor on A5W pages in Firefox

Pat,

Thanks, that did the trick.

Regards,
Tarek