Difference between revisions of "MediaWiki:Common.js"

From Shangpa Resource Center
(Created page with "Any JavaScript here will be loaded for all users on every page load.: $(function () { $('#searchInput').attr('placeholder', 'Search the library'); }());")
 
Line 3: Line 3:
 
   $('#searchInput').attr('placeholder', 'Search the library');
 
   $('#searchInput').attr('placeholder', 'Search the library');
 
}());
 
}());
 +
 +
 +
// Add custom button to TinyMCE
 +
// get an instance of the editor
 +
var editor=tinymce.activeEditor;
 +
 +
//add a button to the editor buttons
 +
editor.addButton('mysecondbutton', {
 +
  text: 'My second button',
 +
  icon: false,
 +
  onclick: function () {
 +
    editor.insertContent('&nbsp;<b>It\'s my second button!</b>&nbsp;');
 +
  }
 +
});
 +
 +
//the button now becomes
 +
var button=editor.buttons['mysecondbutton'];
 +
 +
//find the buttongroup in the toolbar found in the panel of the theme
 +
var bg=editor.theme.panel.find('toolbar buttongroup')[0];
 +
 +
//without this, the buttons look weird after that
 +
bg._lastRepaintRect=bg._layoutRect;
 +
 +
//append the button to the group
 +
bg.append(button);

Revision as of 19:16, 22 November 2018

/* Any JavaScript here will be loaded for all users on every page load. */
$(function () {
  $('#searchInput').attr('placeholder', 'Search the library');
}());


// Add custom button to TinyMCE
// get an instance of the editor
var editor=tinymce.activeEditor; 

//add a button to the editor buttons
editor.addButton('mysecondbutton', {
  text: 'My second button',
  icon: false,
  onclick: function () {
    editor.insertContent('&nbsp;<b>It\'s my second button!</b>&nbsp;');
  }
});

//the button now becomes
var button=editor.buttons['mysecondbutton'];

//find the buttongroup in the toolbar found in the panel of the theme
var bg=editor.theme.panel.find('toolbar buttongroup')[0];

//without this, the buttons look weird after that
bg._lastRepaintRect=bg._layoutRect;

//append the button to the group
bg.append(button);