Insert "Media:" links using "Insert image" button in Wiki

Problem:

If I insert an image, it is [[Image:Xyz.jpg]] and I can do that from the image button. I have documents that are uploaded into my wiki that I can include in wiki text via [[media:xyz.doc]].

But how to do that using FCKeditor button?

Solution:

After googeling a lot I found the same question more than once but no good answer. It was time to code ... ;-) Open file "$IP/extensions/FCKeditor/plugins/mediawiki/fckplugin.js" in your favorite editor and search for "[[Image:".

Line 535
case 'img' :

...
 var imgRealHeight       = ( htmlNode.getAttribute( 'height' ) || '' ) + '';

    // rakekniven
    // following formats should be displayed

    if (imgName.EndsWith('.gif') || 
        imgName.EndsWith('.jpg') || 
        imgName.EndsWith('.png') || 
        imgName.EndsWith('.bmp')) {
        stringBuilder.push( '[[Image:' );
    } else {
        stringBuilder.push( '[[Media:' );
    }


// rakekniven
// next line is not needed anymore
//  stringBuilder.push( '[[Image:' );

Explanation:

"if case" checks file extension and decides to use the "Image:" or "Media:" tag.

My code change works for me and may help you.

System: Mediawiki 1.15.1 with integration of FCKeditor 2.6.4.

Update 2010-03-16: 

Some people use file extensions in uppercase e.g. filename.JPG

To handle it I made some changes:

// following formats should be displayed
var lowerImgName        = imgName.toLowerCase();
if (lowerImgName.EndsWith('.gif') ||
    lowerImgName.EndsWith('.jpg') ||
    lowerImgName.EndsWith('.jpeg') ||
    lowerImgName.EndsWith('.png') ||
    lowerImgName.EndsWith('.svg') ||
    lowerImgName.EndsWith('.bmp'))
{
    stringBuilder.push( '[[Image:' );
} else {
    stringBuilder.push( '[[Media:' );
}