Hi there,
I have tried EVERYTHING and I cannot work out why the FCKeditor isn't showing in my MediaWiki skin. It works fine in the monobook skin but not in the RoundedBlue skin which I have installed. Here is the source code for an edit page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<meta content="Janet Wiki : Janet Wiki is an open source project for Janet Jackson fans to contribute to a Wiki with articles about Janet Jackson" name="Description" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" /><![endif]>
<meta name="Keywords" content="Janet, Janet Jackson, Janet Wiki, Wiki, Janet Love, Discipline, Rock With You, Luv, Feedback, Island Def Jam, 20 Y.O., Greatest Ex, Curtains, L.A. Reid, Neyo, Ne-yo, Missy Elliot, Rodney Jerkins, Darkchild, Jermaine Dupri, mail, janetdamitajo, damita jo, Janet Multimedia, Janet Forums, Janet Photos, Jackson, Janet, Janet, Janet, Janet, Janet, Janet, Janet, Janet, Janet Jackson, Janet Love, Daz, Darren Burn, Daz Burn, Burn, Darren, music, jukebox, Tour, Photos, Videos, Multimedia, News, Gallery, Images, Pictures, Games, Audio, MP3, Sound, gossip, nelly, khia, Super Bowl" />
<meta name="robots" content="noindex,nofollow" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch_desc.php" title="Janet Wiki (English)" />
<link rel="alternate" type="application/rss+xml" title="Janet Wiki RSS Feed" href="http://www.janetwiki.com/index.php?title=Special:Recentchanges&feed=rss" />
<link rel="alternate" type="application/atom+xml" title="Janet Wiki Atom Feed" href="http://www.janetwiki.com/index.php?title=Special:Recentchanges&feed=atom" />
<title>Editing Main Page (section) - Janet Wiki</title>
<link href="http://www.janetwiki.com/skins/RoundedBlue/main.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="print" href="http://www.janetwiki.com/common/commonPrint.css" />
<!--[if lt IE 5.5000]><style type="text/css">@import "http://www.janetwiki.com/RoundedBlue/IE50Fixes.css";</style><![endif]-->
<!--[if IE 5.5000]><style type="text/css">@import "http://www.janetwiki.com/RoundedBlue/IE55Fixes.css";</style><![endif]-->
<!--[if IE 6]><style type="text/css">@import "http://www.janetwiki.com/RoundedBlue/IE60Fixes.css";</style><![endif]-->
<!--[if IE 7]><style type="text/css">@import "http://www.janetwiki.com/RoundedBlue/IE70Fixes.css?1";</style><![endif]-->
<!--[if lt IE 7]><script type="text/javascript" src="http://www.janetwiki.com/common/IEFixes.js"></script>
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
<script type="text/javascript">var skin = 'RoundedBlue';var stylepath = 'http://www.janetwiki.com/';</script>
<script type="text/javascript" src="http://www.janetwiki.com/common/wikibits.js?1"><!-- wikibits js --></script>
<script type="text/javascript" src="/index.php?title=-&action=raw&smaxage=0&gen=js&useskin=RoundedBlue"><!-- site js --></script>
<style type="text/css">/*<![CDATA[*/
@import "/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
@import "/index.php?title=MediaWiki:RoundedBlue.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
@import "/index.php?title=-&action=raw&gen=css&maxage=18000&smaxage=0";
/*]]>*/</style>
<!-- Head Scripts -->
<script type="text/javascript" src="/extensions/FCKeditor/fckeditor/fckeditor.js"></script>
<script type="text/javascript">
var sEditorAreaCSS = '/skins/common/wikiprintable.css?116,/mediawiki/skins/monobook/main.css?116';
</script>
<!--[if lt IE 5.5000]><script type="text/javascript">sEditorAreaCSS += ',/mediawiki/skins/monobook/IE50Fixes.css?116'; </script><![endif]-->
<!--[if IE 5.5000]><script type="text/javascript">sEditorAreaCSS += ',/mediawiki/skins/monobook/IE55Fixes.css?116'; </script><![endif]-->
<!--[if IE 6]><script type="text/javascript">sEditorAreaCSS += ',/mediawiki/skins/monobook/IE60Fixes.css?116'; </script><![endif]-->
<!--[if IE 7]><script type="text/javascript">sEditorAreaCSS += ',/mediawiki/skins/monobook/IE70Fixes.css?116'; </script><![endif]-->
<!--[if lt IE 7]><script type="text/javascript">sEditorAreaCSS += ',/mediawiki/skins/monobook/IEFixes.css?116'; </script><![endif]-->
<script type="text/javascript">
sEditorAreaCSS += ",/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000,/index.php?title=MediaWiki:Monobook.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000,/index.php?title=-&action=raw&gen=css&maxage=18000&smaxage=0";
</script><script type="text/javascript">
// Remove the mwSetupToolbar onload hook to avoid a JavaScript error with FF.
if ( window.removeEventListener )
window.removeEventListener( 'load', mwSetupToolbar, false ) ;
else if ( window.detachEvent )
window.detachEvent( 'onload', mwSetupToolbar ) ;
mwSetupToolbar = function() { return false ; } ;
function onLoadFCKeditor()
{
if ( document.getElementById('wpTextbox1') )
{
var height = 0 ;
if ( height == 0 )
{
// Get the window (inner) size.
var height = window.innerHeight || ( document.documentElement && document.documentElement.clientHeight ) || 550 ;
// Reduce the height to the offset of the toolbar.
var offset = document.getElementById('wikiPreview') || document.getElementById('toolbar') ;
while ( offset )
{
height -= offset.offsetTop ;
offset = offset.offsetParent ;
}
// Add a small space to be left in the bottom.
height -= 20 ;
}
// Enforce a minimum height.
height = ( !height || height < 300 ) ? 300 : height ;
// Create the editor instance and replace the textarea.
var oFCKeditor = new FCKeditor('wpTextbox1') ;
oFCKeditor.BasePath = '/extensions/FCKeditor/fckeditor/' ;
oFCKeditor.Config['CustomConfigurationsPath'] = '/extensions/FCKeditor/fckeditor_config.js' ;
oFCKeditor.Config['EditorAreaCSS'] = "/extensions/FCKeditor/css/fckeditor.css" ;
oFCKeditor.Height = height ;
oFCKeditor.ToolbarSet = 'Wiki' ;
oFCKeditor.ReplaceTextarea() ;
// Hide the default toolbar.
document.getElementById('toolbar').style.cssText = 'display:none;' ;
}
}
addOnloadHook( onLoadFCKeditor ) ;
/*
function showSource() {
var wp = document.getElementById("wpDiff");
var s = document.createElement("input");
s.type="submit";
s.value="Wiki2HTML";
s.name="Wiki2HTML";
s.onclick = function wiki2html() {
var oEditor = FCKeditorAPI.GetInstance('wpTextbox1');
WikiToHTML_Call();
return false;
}
wp.parentNode.insertBefore(s, wp.nextSibling);
}
var sajax_debug_mode = false;
var sajax_request_type = "GET";
function WikiToHTML_Result(result)
{
var oEditor = FCKeditorAPI.GetInstance('wpTextbox1');
oEditor.SetHTML(result.responseText);
}
function WikiToHTML_Call()
{
var oEditor = FCKeditorAPI.GetInstance('wpTextbox1');
sajax_do_call('wfSajaxWikiToHTML', [oEditor.GetHTML()], WikiToHTML_Result);
}
addOnloadHook(showSource);
*/
</script> <script type="text/javascript" src="/skins/common/ajax.js?116"></script>
<script type="text/javascript" src="/skins/common/ajaxwatch.js?116"></script>
</head>
<body class="ns-0 ltr">
<div id="globalWrapper">
<div id="masthead">
<h1><br /></h1>
<h2>For fans, by fans</h2>
</div>
<div id="column-content">
<div id="content">
<a name="top" id="top"></a>
<div class="post">
<div class="postop"><div class="pheadfill"><h1 class="firstHeading">Editing Main Page (section)</h1></div><!--//pheadfill --></div><!--//postop -->
<div id="bodyContent"><br /><table width="730" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><div align="center"><script type="text/javascript"><!--
google_ad_client = "pub-7833024443647780";
/* JanetWiki Top */
google_ad_slot = "9781305756";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div></th>
</tr>
</table><div id="bodyContentInnerWrapper">
<div class="spacer"></div>
<h3 id="siteSub">From Janet Wiki</h3>
<div id="contentSub"></div>
<div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div> <!-- start content -->
<p><strong>WARNING: This page has been locked so that only users with sysop privileges can edit it.</strong>
</p><div id="wikiPreview"></div><div id='toolbar'>
<script type='text/javascript'>
/*<![CDATA[*/
addButton("/skins/common/images/button_bold.png","Bold text","\'\'\'","\'\'\'","Bold text","mw-editbutton-bold");
addButton("/skins/common/images/button_italic.png","Italic text","\'\'","\'\'","Italic text","mw-editbutton-italic");
addButton("/skins/common/images/button_link.png","Internal link","[[","]]","Link title","mw-editbutton-link");
addButton("/skins/common/images/button_extlink.png","External link (remember http:// prefix)","[","]","http://www.example.com link title","mw-editbutton-extlink");
addButton("/skins/common/images/button_headline.png","Level 2 headline","\n== "," ==\n","Headline text","mw-editbutton-headline");
addButton("/skins/common/images/button_image.png","Embedded file","[[Image:","]]","Example.jpg","mw-editbutton-image");
addButton("/skins/common/images/button_media.png","File link","[[Media:","]]","Example.ogg","mw-editbutton-media");
addButton("/skins/common/images/button_math.png","Mathematical formula (LaTeX)","\x3cmath\x3e","\x3c/math\x3e","Insert formula here","mw-editbutton-math");
addButton("/skins/common/images/button_nowiki.png","Ignore wiki formatting","\x3cnowiki\x3e","\x3c/nowiki\x3e","Insert non-formatted text here","mw-editbutton-nowiki");
addButton("/skins/common/images/button_sig.png","Your signature with timestamp","--~~~~","","","mw-editbutton-signature");
addButton("/skins/common/images/button_hr.png","Horizontal line (use sparingly)","\n----\n","","","mw-editbutton-hr");
/*]]>*/
</script>
</div>
<form id="editform" name="editform" method="post" action="/index.php?title=Main_Page&action=submit" enctype="multipart/form-data">
<input type='hidden' value="1" name="wpSection" />
<input type='hidden' value="20080331105729" name="wpStarttime" />
<input type='hidden' value="20080329013154" name="wpEdittime" />
<input type='hidden' value="" name="wpScrolltop" id="wpScrolltop" />
<textarea tabindex='1' accesskey="," name="wpTextbox1" id="wpTextbox1" rows='25'
cols='80' ><h2> <img src="/images/a/a3/Parade2.jpg" _fck_mw_filename="Parade2.jpg" _fck_mw_location="right" alt="Janet Jackson" class="fck_mw_right" />How to write a Janet Wiki article<br /> </h2>
<p>In order to avoid confusion, please ensure you know <a href="Writing Janet Wiki articles">how to write a Janet Wiki article</a> before you contribute to <b>Janet Wiki</b>.<br />
</p>
</textarea>
<div id="editpage-copywarn">
<p>Please note that all contributions to Janet Wiki may be edited, altered, or removed by other contributors. If you don't want your writing to be edited mercilessly, then don't submit it here.<br />
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see <a href="/index.php?title=Janet_Wiki:Copyrights&action=edit" class="new" title="Janet Wiki:Copyrights">Janet_Wiki:Copyrights</a> for details).
<strong>DO NOT SUBMIT COPYRIGHTED WORK WITHOUT PERMISSION!</strong>
</p>
</div>
<span id='wpSummaryLabel'><label for='wpSummary'>Summary:</label></span>
<div class='editOptions'>
<input tabindex='2' type='text' value="" name='wpSummary' id='wpSummary' maxlength='200' size='60' /><br />
<input name="wpMinoredit" type="checkbox" value="1" tabindex="3" accesskey="i" id="wpMinoredit" /> <label for='wpMinoredit' title="Mark this as a minor edit [i]" accesskey="i">This is a minor edit</label>
<input name="wpWatchthis" type="checkbox" value="1" tabindex="4" accesskey="w" id="wpWatchthis" /> <label for='wpWatchthis' title="Add this page to your watchlist [w]" accesskey="w">Watch this page</label>
<div class='editButtons'>
<input id="wpSave" name="wpSave" type="submit" tabindex="5" value="Save page" accesskey="s" title="Save your changes [s]" />
<input id="wpPreview" name="wpPreview" type="submit" tabindex="6" value="Show preview" accesskey="p" title="Preview your changes, please use this before saving! [p]" />
<input id="wpDiff" name="wpDiff" type="submit" tabindex="7" value="Show changes" accesskey="v" title="Show which changes you made to the text. [v]" />
<span class='editHelp'><a href="/index.php/Main_Page" title="Main Page">Cancel</a> | <a target="helpwindow" href="/index.php/Help:Editing">Editing help</a> (opens in new window)</span>
</div><!-- editButtons -->
</div><!-- editOptions --><div class="mw-editTools"></div>
<div class='templatesUsed'>
</div>
<input type='hidden' value="9e203a12815ab6ead7ca9a1060c4c9c0+\" name="wpEditToken" />
<input name="wpAutoSummary" type="hidden" value="d41d8cd98f00b204e9800998ecf8427e" /></form>
<div class="printfooter">
Retrieved from "<a href="http://www.janetwiki.com/index.php/Main_Page">http://www.janetwiki.com/index.php/Main_Page</a>"</div>
<!-- end content -->
<div class="visualClear"></div>
</div><!--//bodyContentInnerWrapper -->
</div><!--//bodyContent -->
</div><!--//post -->
</div><!--//content -->
</div><!--//column-content -->
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
<div id="column-one">
<div id="p-cactions" class="portlet">
<h5>Views</h5>
<ul>
<li id="ca-nstab-main" class="selected"><a href="/index.php/Main_Page">Page</a></li>
<li id="ca-talk" class="new"><a href="/index.php?title=Talk:Main_Page&action=edit">Discussion</a></li>
<li id="ca-edit" class="selected"><a href="/index.php?title=Main_Page&action=edit">Edit</a></li>
<li id="ca-history"><a href="/index.php?title=Main_Page&action=history">History</a></li>
<li id="ca-delete"><a href="/index.php?title=Main_Page&action=delete">Delete</a></li>
<li id="ca-move"><a href="/index.php/Special:Movepage/Main_Page">Move</a></li>
<li id="ca-unprotect"><a href="/index.php?title=Main_Page&action=unprotect">Unprotect</a></li>
<li id="ca-watch"><a href="/index.php?title=Main_Page&action=watch">Watch</a></li>
</ul>
</div><!--//p-cactions -->
<div class="portlet" id="p-personal">
<h5>Personal tools</h5>
<div class="pBody">
<ul>
<li id="pt-userpage"><a href="/index.php/User:Darren" class="new">Darren</a></li>
<li id="pt-mytalk"><a href="/index.php/User_talk:Darren" class="new">My talk</a></li>
<li id="pt-preferences"><a href="/index.php/Special:Preferences">My preferences</a></li>
<li id="pt-watchlist"><a href="/index.php/Special:Watchlist">My watchlist</a></li>
<li id="pt-mycontris"><a href="/index.php/Special:Contributions/Darren">My contributions</a></li>
<li id="pt-logout"><a href="/index.php?title=Special:Userlogout&returnto=Main_Page">Log out</a></li>
</ul>
</div>
</div>
<div class="portlet" id="p-logo">
<a href="/index.php/Main_Page" title="Main Page"></a>
</div><!--//p-logo -->
<div class="sideitem">
<div class="boxhead">
<div class='portlet' id='p-navigation'>
<div class="headfill">
<h5>Navigation</h5>
</div><!--//headfill -->
<div class="boxbody">
<div class='pBody'>
<ul>
<li id="n-mainpage"><a href="/index.php/Main_Page">Main Page</a></li>
<li id="n-portal"><a href="/index.php/Janet_Wiki:Community_Portal">Community portal</a></li>
<li id="n-currentevents"><a href="/index.php/Janet_Wiki:Current_events">Current events</a></li>
<li id="n-recentchanges"><a href="/index.php/Special:Recentchanges">Recent changes</a></li>
<li id="n-randompage"><a href="/index.php/Special:Random">Random page</a></li>
<li id="n-help"><a href="/index.php/Help:Contents">Help</a></li>
<li id="n-sitesupport"><a href="/index.php/Janet_Wiki:Site_support">Donations</a></li>
</ul>
</div><!--//pBody -->
</div><!--//boxbody -->
</div><!--//p-navigation -->
</div><!--//boxhead -->
</div><!--//sideitem -->
<div id="p-search" class="portlet">
<h5><label for="searchInput">Search</label></h5>
<div id="searchBody" class="pBody">
<form action="/index.php/Special:Search" id="searchform"><div>
<img src="http://www.janetwiki.com/skins/RoundedBlue/magnifyingglass.gif" alt="search" /><input id="searchInput" name="search" type="text" accesskey="f" value="" />
<input type='image' name="go" class="searchButton" id="searchGoButton" value="Go" src="http://www.janetwiki.com/skins/RoundedBlue/go.gif" alt="go" title="go" />
<input type='image' name="fulltext" class="searchButton" value="Search" src="http://www.janetwiki.com/skins/RoundedBlue/search.gif" alt="search" title="search" />
</div>
</form>
</div><!--//searchBody -->
</div><!--//p-search -->
<div class="sideitem">
<div class="boxhead">
<div class="portlet" id="p-tb">
<div class="headfill">
<h5>Toolbox</h5>
</div><!--//headfill -->
<div class="boxbody">
<div class="pBody">
<ul>
<li id="t-whatlinkshere"><a href="/index.php/Special:Whatlinkshere/Main_Page">What links here</a></li>
<li id="t-recentchangeslinked"><a href="/index.php/Special:Recentchangeslinked/Main_Page">Related changes</a></li>
<li id="t-upload"><a href="/index.php/Special:Upload">Upload file</a></li>
<li id="t-specialpages"><a href="/index.php/Special:Specialpages">Special pages</a></li>
</ul>
</div><!--//pBody -->
</div><!--//boxbody -->
</div><!--//p-tb -->
</div><!--//boxhead -->
</div><table border="0" width="125" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><div align="center"><script type="text/javascript"><!--
google_ad_client = "pub-7833024443647780";
/* JanetWiki Sidebar */
google_ad_slot = "2512824373";
google_ad_width = 125;
google_ad_height = 125;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></th></tr></table></div><!--//sideitem -->
</div><!-- end of the left (by default at least) column -->
<div class="visualClear"></div>
<div id="footer">
<div class="fboxhead"><div class="fheadfill"> </div></div>
<div id="footercontent">
<div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/skins/common/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" /></a></div>
<ul id="f-list">
<li id="privacy"><a href="/index.php/Janet_Wiki:Privacy_policy" title="Janet Wiki:Privacy policy">Privacy policy</a></li>
<li id="about"><a href="/index.php/Janet_Wiki:About" title="Janet Wiki:About">About Janet Wiki</a></li>
<li id="disclaimer"><a href="/index.php/Janet_Wiki:General_disclaimer" title="Janet Wiki:General disclaimer">Disclaimers</a></li>
</ul>
</div><!-- //footercontent-->
</div>
<script type="text/javascript"> if (window.runOnloadHook) runOnloadHook();</script>
</div>
</body></html>
Any ideas?
Daz
Re: MediaWiki RoundedBlue text area
Some important bugs has been fixed in the last few days.
Now the answer to your question:
the problems is that your skin is not fully compatible with your MediaWiki.
If you use Firefox with Firebug extension, you'll probably see that some javascript errors occured.
In my local MW 1.12 installation, it was enough to add this code:
<script type="<?php $this->text('jsmimetype') ?>"> var wgBreakFrames = false; var wgContentLanguage = false;</script>straight after the <head> tag in your skin (skins/roundedblue.php).
Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+
Re: MediaWiki RoundedBlue text area
That unfortunately hasn't worked
any more suggestions?
Re: MediaWiki RoundedBlue text area
What errors do you get?
Take a look here:
http://mediawiki.fckeditor.net/index.ph ... leshooting
I've attached roundedblue.php that works on my MW 1.12.
Note that you will need to change this inside of the skin template:
Attachments:
Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+
Re: MediaWiki RoundedBlue text area
thank you so so much! not sure what was going wrong, but it's working now.
think it was these lines which weren't in my template:
Darren