TinyMCE CSS - Joomla! Forum - community, help and support


i'm having issue through front end interface tinymce overlapping other content.  i've been digging through different css files on site can not find 1 sets width of hte tinymce editor.  know is?

so i'm still having problem of tinymce overlapping other columns because of width on front end.  determined tinymce calling template_css.css.  in file there following line:

code: select all

table.adminform {
   width: 400px!important; /*control frontend editor area width*/
}

.adminform .inputbox {
}


i've played these lines , had no effect whatsoever on width of tinymce interface.

here snip-it of source code page editor overlapping:

code: select all

   <script type="text/javascript">
   tinymce.init({
      theme : "advanced",
      language : "en",
      mode : "specific_textareas",
      document_base_url : "http://buckeyecc.com/",
      relative_urls : false,
      remove_script_host : false,
      save_callback : "tinymce_save",
      invalid_elements : "applet",
      theme_advanced_toolbar_location : "top",
      theme_advanced_source_editor_height : "550",
      theme_advanced_source_editor_width : "750",
      directionality: "ltr",
      force_br_newlines : "false",
      force_p_newlines : "true",
      content_css : "http://buckeyecc.com/templates/ja_wistery/css/template_css.css",
      debug : false,
      cleanup : true,
      cleanup_on_startup : false,
      safari_warning : false,
      plugins : "advlink, advimage, , preview, searchreplace, insertdatetime, emotions, advhr, flash, table, fullscreen, layer, style, visualchars, media, nonbreaking",
      theme_advanced_buttons2_add : ", preview, search,replace, insertdate, inserttime, emotions, insertlayer, moveforward, movebackward, absolute",
      theme_advanced_buttons3_add : ", advhr, flash, tablecontrols, fullscreen, styleprops, visualchars, media, nonbreaking",
      plugin_insertdate_dateformat : "%y-%m-%d",
      plugin_insertdate_timeformat : "%h:%m:%s",
      plugin_preview_width : "750",
      plugin_preview_height : "550",
      extended_valid_elements : "a[name|href|target|title|onclick], img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name], , hr[class|width|size|noshade]",
      disk_cache : true,
      debug : false,   
      fullscreen_settings : {
         theme_advanced_path_location : "top"
      }
   });
   function tinymce_save(editor_id, content, node)
   {
      base_url = tinymce.settings['document_base_url'];
      var vhtml = content;
      if (true == true){
         vhtml = tinymce.regexpreplace(vhtml, 'href\s*=\s*"?'+base_url+'', 'href="', 'gi');
         vhtml = tinymce.regexpreplace(vhtml, 'src\s*=\s*"?'+base_url+'', 'src="', 'gi');
         vhtml = tinymce.regexpreplace(vhtml, 'mce_real_src\s*=\s*"?', '', 'gi');
         vhtml = tinymce.regexpreplace(vhtml, 'mce_real_href\s*=\s*"?', '', 'gi');
      }
      return vhtml;
   }   
</script>


it pretty easy see line of code relating width of tincymce put can not find out these lines beign generated from.  still looking nudge in right direction.





Comments

Popular posts from this blog

DHT11 Time out error using v0.4.1library

Sketch upload fails with Java error (___REMOVE___/bin/avrdude)!

Arduino Uno + KTY81/210 temperature sensor