MediaWiki talk:Edittools

Edittools installation summary

Here is the step by step installation instructions for Edittools, in conjunction with the CharInsert extension. For Edittools to work properly, the code on this page must remain as is.

1. Download and install the Extension:CharInsert.
2. Create a MediaWiki:Edittools page in your wiki, and add the code from this page.
3. Create a MediaWiki:Edittools.js page in your wiki, and add the code from this page.
4. Create a MediaWiki:Common.css in your wiki, and add the code from the extra buttons for edit dialog section of this page.
5. Create a MediaWiki:Common.js in your wiki and add the following code. If the page with code exists, add it to the bottom of the page.

function includePage( name )
{
 document.write('<script type="text/javascript" src="' + wgScript + '?title='
  + name 
  + '&action=raw&ctype=text/javascript"><\/script>' 
 );
}
/* End of includePage */
/* Including extra .js pages */ 
 
// switches for scripts
// var load_extratabs = true;
var load_edittools = true;
 
// extra drop down menu on editing for adding special characters
includePage( 'MediaWiki:Edittools.js' );

You need sysop right to create and edit these files. Save everything, refresh your browser cache, then try editing some page. Those steps work for me at least. I get the edittools with button and drop down list. These instructions are gathered from the discussion below. Thanks for your comments.

very helpful! thank you! Igottheconch 20:25, 25 November 2011 (UTC)

Continuing issues with Form Button/Drop down - Solved!

(See the end of this post for solution)

I have tried the Edittools with CharInsert installed and showing on the Version page. Just as in the Edit page for this Discussion and others, the Standard character buttons appear below - but no drop-down to change to other style such as Arabic, Greek, etc.

I have done the following:

• Installed CharInsert (shows on Version page and render the chars in a simple manner)
  • Because CharInsert nuked the Special page, I commented out

"$wgExtensionMessagesFiles['CharInsert'] = $dir . 'CharInsert.i18n.php';"

This also blocked the Js formatting from the changes as list below.

• Created my own MediaWiki:Edittools and pasted the code from this MediaWiki:Edittools.
• Created my own MediaWiki:Edittools.js and pasted code from the page with the same name here.
• Created my own MediaWiki:Common.css and placed css section per the instructions.
• Created my own MediaWiki:Common.js and have tried both calls to Edittools.js

Again, if you go to the Edit page for this Discussion page, my Edittools appear along the bottom the exact same way, except there is no drop-down box with Standard etc in it.

I have verified the $wgScript and $wgScriptPath (these are on a localhost - not yet uploaded to live server)

$wgScript = "/m/index.php"

$wgScriptPath = "/m"

What could I be missing?

Thanks!

Qaaz

Try checking function "includePage" in your MediaWiki:Common.js which should be the following::

function includePage( name )
{
 document.write('<script type="text/javascript" src="/m/index.php?title='
  + name 
  + '&action=raw&ctype=text/javascript"><\/script>' 
 );
}

--Kaganer 21:34, 27 May 2008 (UTC)

This doesn't work. I have been trying that and as many different variations of that as I could come up with - it simply does not make it work.

I see Edittools.js uses an event "onload". In Common.js for another extension, I use:

 addOnloadHook(CustomizeModificationsOfSidebar);

Could this conflict?

Could there be something wrong with the code in MW:Edittools or Edittools.js? Are there any settings that need to be set correctly that could be different in your implementation and mine?

Thanks for your help!

P.S. Also I am using an extension for multiple uploads (Extensions:MultiUpload) - when I bring up that special page, the buttons also appear at the bottom of that page as well.

Qaaz

Based on my post and the two posters below having the similiar problem, I read the solution as "Try replace function "includePage" to custimised version:

 function includePage( name )

The confusion arises in that both the original code had the call to the function but not the definition. I misunderstood the instructions as replace the old "includename" line of code with the new code! I need both obviously!! So the whole code to add to MediaWiki:Common.js is:

function includePage( name )
{
 document.write('<script type="text/javascript" src="' + wgScript + '?title='
  + name 
  + '&action=raw&ctype=text/javascript"><\/script>' 
 );
}
/* End of includePage */
 
 
/* Including extra .js pages */ 
 
// switches for scripts
// TODO: migrate to JSConfig
// var load_extratabs = true;
var load_edittools = true;
 
// extra drop down menu on editing for adding special characters
includePage( 'MediaWiki:Edittools.js' );

Works great now! Thanks for the great extension!

Qaaz

Congratulations on winning! I am going to rewrite this page to FAQ-style. --Kaganer 10:31, 29 May 2008 (UTC)

How do I disable this?

For hide (no traffic economy) this pane, add following string for your personal CSS file:

.mw-editTools {display:none}

For ability to disable Edittools need support this bug. --Kaganer 18:08, 17 December 2007 (UTC)

Form Button doesn't work on my Wiki

I just get the first set of options and no form or button. What am I missing here? Is it possible that this is due to the fact that I am using version 1.12alpha? Susan 17:38, 12 February 2008 (UTC)

This functionality almost "version-independent". For correctly working this toolbox (as is the case here) need following:

1. install extension Extension:CharInsert (supporting "charinsert" tag)
2. create MediaWiki:Edittools.js
3. place into MediaWiki:Common.js calling of MediaWiki:Edittools.js; as example, in section "Including extra .js pages" (swith "load_edittools" need set as "true"):

/* Including extra .js pages */ 
// switches for scripts
var load_edittools = true;
 
// extra drop down menu on editing for adding special characters
includePage( 'MediaWiki:Edittools.js' );

• copy section "extra buttons for edit dialog" from MediaWiki:Common.css into your MediaWiki:Common.css (used for decorating Edittools buttons)

All these actions are fully implemented? --Kaganer 10:07, 13 February 2008 (UTC)

See also simple format this toolbox in w:en:MediaWiki:Edittools - without scripts; only Extension:CharInsert needed. --Kaganer 10:12, 13 February 2008 (UTC)

I have now implemented all of the above, and all of my choices now have buttons. However, the dropdown is still not appearing -- which is mainly what I wanted. I copied all of MediaWiki:Common.js just in case. Still no dropdown. Susan 14:27, 13 February 2008 (UTC)

P.S., I have learned a lot, though.

Hmm. Check function "includePage" in MediaWiki:Common.js is return the correct path for called .js files - for your wiki. For mediawiki.org this function return path:

wgScript + '?title=' + name

where "wgScript" - variable, configuring through LocalSettings.php. Value by default: «{$wgScriptPath}/index.php», with default value of "$wgScriptPath" = «/wiki» (but on wikimedia projects value = «/w»).

Therefore, full correct path for mediawiki.org will be (name of called file ="MediaWiki:Edittools.js"):

/w/index.php?title=MediaWiki:Edittools.js

Please сheck these settings for your wiki. Or try purging cache...--Kaganer 18:49, 18 February 2008 (UTC)

I see your wiki. Correct result will be (before "&action...") = "/genwiki/index.php?title=MediaWiki:Edittools.js". Try replace function "includePage" to custimised version:

function includePage( name )
{
 document.write('<script type="text/javascript" src="/genwiki/index.php?title='
  + name 
  + '&action=raw&ctype=text/javascript"><\/script>' 
 );
}

--Kaganer 19:05, 18 February 2008 (UTC)

....I tried hard, but I also failed to install it completely on http://wiki.gorebiobio.cl ....any idea what I might have done wrong? It s a pity because I like the drop down box much more than the long page with all characters....Thanks in advance for any hint. --Horst Salzwedel 01:11, 23 March 2008 (UTC)

I had the same problem, my drop down menu didn't show up, just the first standard character set. I cleared my browser cache and tadaa...! Cheers, --Till Kraemer 20:54, 22 March 2009 (UTC)

Nowiki

Any nowiki additions on here? -PatPeter, MediaWiki Support Team 22:26, 1 March 2008 (UTC)

I not understand this question :( --Kaganer 19:43, 2 March 2008 (UTC)

The system message lists <includeonly></includeonly> <noinclude></noinclude> but not <nowiki></nowiki> and <onlyinclude></onlyinclude>. -PatPeter, MediaWiki Support Team 22:52, 11 March 2008 (UTC)

How do you install these js files

I am not understanding where you would install these js files to work. Do I generate the js files and place them in the wiki root? What file do I add there call to? Index.php in the wiki root?

More information would be helpful.

24.249.248.8 11/17/2008 djdubuque

No. Needed

1. create on your wiki standard editable wiki-page with name MediaWiki:edittools.js (sysop rights required)
2. go to MediaWiki:Common.js (standard editable wiki-page) and add to end of page following text

/* Including extra .js pages */ 
// switches for scripts
var load_edittools = true;
 
// extra drop down menu on editing for adding special characters
includePage( 'MediaWiki:Edittools.js' );

1. It's all ;) --Kaganer 16:04, 17 November 2008 (UTC)

Problem on preview after changing Edittools

I followed all the points of Form Button doesn't work on my Wiki to use the Edittools and Charinsert, they works on edit but when I try to show the preview the connection to the server is cancelled. I don't know if I missed something or I made an error on configuration.
My server has the following software installed: MediaWiki 1.13.3, PHP 5.2.0 (apache2handler), MySQL 5.0.27-community-log
EDIT: Seem that the problem occurs only on pages which weight more than 9KB
Thank you for any help, Wolf01

Missed Step

I had to do this in my LocalSettings.php file:

require_once("$IP/extensions/CharInsert/CharInsert.php");

This step is required in the CharInsert installation instruction :) Fabricebaro 20:32, 19 January 2010 (UTC)

I'd like to see complete babysteps within single page (either here or on CharInsert page). Also, there is probably one more missing step, because internationalization didnt work despite of language listed in the i18n file. 23:45, 1 August 2010 (UTC)

spcae in chars

is it possible i add <div dir="ltr">+</div> button? vahid 14:28, 11 April 2010 (UTC)

only over {{subst:rtl}} / {{subst:ltr}} construction, ok? Space character between "div" and "dir" is prevents the normal work of Charinsert Extension (replacement to html-acronym does not solve the problem). --Kaganer 21:15, 11 April 2010 (UTC)

English Wikipedia–style Edittools

Can anybody tell me how to get the special characters toolbar exactly like the one in English Wikipedia? I installed the CharInsert extension and tried copying the code from MediaWiki:Edittools and MediaWiki:Edittools.js but it just seemed to ignore the latter. I didn't see any CSS references in it that I would need to copy as well (i.e. something from MediaWiki:Common.js). –CWenger 22:14, 4 May 2011 (UTC)

In the en-wiki Edittools.js is called from Editpage.js, which is called from Common.js/edit.js, which is called from Common.js ;) --Kaganer 17:55, 5 May 2011 (UTC)

Of course! Not sure how I missed this obvious configuration. :-) –CWenger 21:22, 6 May 2011 (UTC)

Now worked? More help is needed? --Kaganer 10:35, 11 May 2011 (UTC)

Hi. I hope it's not a long shot, but is it possible for another Wikipedia to use the very same WP-en Edittools, with buttons as in MW? --Zack 12:35, 28 August 2011 (UTC)

Only buttons style from MW? I think it's not very difficult. --Kaganer 13:03, 28 August 2011 (UTC)

Well, in the WP-en, you can switch between Edittools contents using using downward pointing arrow, plus when you preview/refresh your page, the content doesn't change. --Zack 13:45, 28 August 2011 (UTC)

Excuse me, but I probably do not fully understand your problem. You do not work properly switching between items in the drop-down list in the en-WP? I do not watch this problem (in Google Chrome) in the en-WP or this wiki. Or a problem on another site with "en-WP-style" EditTools? I do not have access to edit the system messages in the en-WP, please contact with en-WP admins. If about another website - please give URL. NB: For using drop-down list need to have your browser has been enabled Javascript. This is done? --Kaganer 16:46, 28 August 2011 (UTC)

I'll explain:) In the Edittools of Mediawiki, when I want to go for example from Standard to Latin, I have to click Standard so as for the menu to appear, and then click again on Latin. However, in the English Wikipedia, I just have to use the up/down arrow to choose and the content appears automatically, and I don't have to click or press Enter.
What I want to know for now is: What do I have to do to use the WP-en Edittools style in my home Wikipedia? Do I just have to copy Mediawiki:Edittools and Mediawiki:Edittools.js or is there any thing else?--Zack 18:23, 28 August 2011 (UTC)

Please add ẞ

Please add the uppercase sharp s (ẞ) to MediaWiki:Edittools. it appears at two places, which I've copied here and updated, so you should be able to copy&paste the two altered lines from here:

<p class="specialbasic" id="Latin" style="display:none">
…
<charinsert>ß ẞ </charinsert> ·

<p class="specialbasic" id="German" style="display:none">
<charinsert>Ä ä Ö ö Ü ü ß ẞ</charinsert>
</p>

Thank you --Purodha Blissenbach 11:27, 14 January 2012 (UTC)

Done by Petrb. --Kaganer (talk) 12:20, 29 February 2012 (UTC)