If you’re like me you’ve tried out JA Submit (or tried to) and had some issues to deal with along the way. I know I had some problems with a couple of items, which I was able to figure out once I turned on PHP error reporting (being a PHP noob, that was fun enough!). Once I got that resolved, I came up with a pretty funky error (only on IE) that was complaining about a function not being defined.

I scoured the web for an answer - I have a website configured with Joomla 1.0.12, JCE 1.1.0 beta 2, and a bunch of other stuff - the answer I found wasn’t the one I wanted to hear: JA Submit doesn’t work with JCE, go find something else to use!

Hmmm, I thought - could this be true, could it be that I can’t use the one component I REALLY wanted to use (JA Submit) with the editor I REALLY wanted to use (JCE)?? Being from an IT background and from a testing background at that, I just couldn’t let it go - so I started digging. Guess what? I FIGURED IT OUT!!

    var site_url = jceFunctions.getURL();
    jceFunctions.relative = true;
    jceFunctions.state = "mceEditor";
    jceFunctions.toggle = "[show/hide]";
    tinyMCE.init({
        site : site_url,
        document_base_url: "http://www.yourwebsite.com/",
        theme : "advanced",
        language : "en",
        lang_list : "en",
        width : "600",
        height : "600",
        mode : "specific_textareas",
        browsers : "msie,safari,gecko,opera",
        event_elements : "td,img,a",
        relative_urls : false,
        remove_script_host : false,
        entity_encoding : "raw",
        verify_html : true,
        remove_linebreaks : false,
        apply_source_formatting : true,
        fix_list_elements : true,
        fix_table_elements : true,
        convert_fonts_to_spans : true,
        inline_styles : true,
        save_callback : "jceFunctions.save",
        content_css : "http://www.yourwebsite.com/templates/yourtemplate/css/template_css.css",
        //Paste Options
        paste_create_paragraphs : false,
        paste_create_linebreaks : false,
        paste_use_dialog : false,
        paste_auto_cleanup_on_paste : false,
        paste_strip_class_attributes : "all",
        paste_remove_spans : true,
        paste_remove_styles : true,
        //
        template_colors : "",
        media_use_script : false,
        font_size_style_values : "8pt,10pt,12pt,14pt,18pt,24pt,36pt",
        table_inline_editing : false,
        invalid_elements : "applet",
        force_br_newlines : false,
        force_p_newlines : true,
        directionality : "ltr",
        theme_advanced_layout_manager : "SimpleLayout",
        theme_advanced_resizing : true,
        theme_advanced_toolbar_location : "top",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_disable : "",
        theme_advanced_buttons1 : "undo,redo,help,newdocument,bold,italic,underline,bullist,numlist,outdent,indent,strikethrough,code,removeformat,cut,copy,paste,pasteword,pastetext,search,replace",
        theme_advanced_buttons2 : "hr,sub,sup,justifyright,justifycenter,justifyleft,justifyfull,tablecontrols,anchor,unlink",
        theme_advanced_buttons3 : "styleselect,fontselect,fontsizeselect,forecolor,backcolor,charmap,visualaid,ltr,rtl,formatselect",
        theme_advanced_buttons4 : "link,preview,image,print,fullscreen,styleprops,nonbreaking,visualchars,cite,abbr,acronym,del,ins,insertlayer,moveforward,movebackward,absolute,attributes,emotions",
        theme_advanced_buttons5 : "",
        plugins : "directionality,emotions,fullscreen,paste,preview,table,print,searchreplace,style,nonbreaking,visualchars,xhtmlxtras,layer,attributes,imgmanager,advlink",
        extended_valid_elements : ",del

• ,ins
• ,script
• "
      });

   

   Remember if you use this code to replace the yourwebsite.com with your website’s url… also, look at the line where it references the .css for the particular template (if used) you have and change the path there too.