WYM Editor works only in Gecko-based browsers

[pjanderson]

I understand that the editor is still in early stages of development, but your pages state that it is compatible with IE 6+ and Opera 9+, but it doesn't load at all when I browse my forms using IE or Opera.

Have you experienced that before, and is there some known piece of setting or JS code to make it work in these browsers?

[rostr]

I can confirm that the editor does work under IE and Opera.

Did you make sure to put class='wymeditor' into your textarea declarations?

[pjanderson]

No I haven't done this. I didn't know I had to. I must have missed it. I'll try again with that declaration.

[pjanderson]

I have added class="wymeditor" to my textarea and I still don't see the WYM Ediitor in IE7 (at the moment I can't use IE6)

[rhino]

it definitely works in IE on mac and PC, never tested it on Opera. Have you included jQuery as well as all of the WYMEditor javascript files? Have you initialized a new WYMEditor instance on document.ready anywhere?

[pjanderson]

This is the part of my document HEAD:

Code: Select all

<script src="/media/js/jQuery/jquery-1.1.3.1.pack.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" media="screen" href="/media/js/jQuery/plugins/wymeditor/skins/liquid2/screen.css" />

<script src="/media/js/jQuery/plugins/wymeditor/jquery.wymeditor.js" type="text/javascript"></script>

<script src="/media/js/wymeditor-textarea.js" type="text/javascript"></script>


And this is how I initialize the editor in above-mentioned "wymeditor-textarea.js":

Code: Select all

var $j = jQuery.noConflict();

$j(document).ready(function() {   
    $j('textarea').wymeditor({
        jQueryPath          : '/media/js/jQuery/jquery-1.1.3.1.js',
        updateSelector      : 'input:submit',
        updateEvent         : 'click',   
    });
});


Still I can't see the editor in both IE and Opera.[/code]

[rhino]

this is from my WYM initialization script which is known good:

Code: Select all

// JavaScript Document
var $j = jQuery.noConflict();

$j(function() {

   $j('.wymeditor').wymeditor({
        //set your options here
      
   });
});


that should work as long as you have at least one textarea with the correct class designation like

Code: Select all

<textarea class="wymeditor" id="your_id" name="your_name"><!-- content here --></textarea>


try loading it without setting any options first and if you can get it working add in the options later

-Rhino

[pjanderson]

It worked when I removed the options and quoted textarea like this:

Code: Select all

var $j = jQuery.noConflict();

$j(document).ready(function() {   
    $j('textarea').wymeditor({
        // set your options here
    });
});


I want to apply it to all my textareas

I'll play with the options.

[pjanderson]

But as soon as I start adding options, I'm back to square one: no editor in IE or Opera.

Without options, it loads and is displayed in these browsers, but I can't save anything, because textarea is emptied on submit.

[pjanderson]

The culprit was a coma at the of options array

[rhino]

aahhh that pesky comma! (or coma, that's pretty appropriate in this situation too ) that stupid thing has screwed me up a couple times as well. It's annoying because in PHP you can have the comma after your last array item and it ignores it but in JS you can't or the whole thing blows up.

Glad to see you got it cleared up.

Oh, and I'm pretty sure the code I posted above would make a WYM instance for every textarea on the page with the right class on it...to me this makes more sense because you might want to have other textareas on your form that aren't WYM instances. </2 cents>