查看“MediaWiki:Gadget-InPageEdit.js”的源代码

/**
 * MediaWiki JS Plugin: In Page Edit
 * Author: 机智的小鱼君
 * Url: https://github.com/Dragon-Fish/wjghj-wiki/Gadgets/in-page-edit
 * Description: Let you edit page without open new tab. And edit Navebox via navbar, edit section via section edit link etc.
 **/
function InPageEdit(inPageEditTarget) {

  if ($('#InPageEdit').length > 0) { // 只能存在一个窗口
    $('#InPageEdit').remove();
  }
  // 开始执行任务
  $('body').addClass('action-in-page-edit');
  // Variables
  if (inPageEditTarget == undefined) {
    inPageEditTarget = mw.config.get('wgPageName');
  }
  var origintext;

  new mw.Api().get({
    action: "parse",
    page: inPageEditTarget,
    prop: "wikitext",
    format: "json"
  }).then(function(data) {
    origintext = data.parse.wikitext['*'];
    ajaxArea()
  }).fail(function() {
    origintext = '<!-- 注意: 无法获取页面内容。新建页面请删除此行 -->\n';
    ajaxArea()
  });
  function ajaxArea() {
    // Create area & hide article
    $('#mw-content-text').hide();
    $('#mw-content-text').before(
      '<div id="InPageEdit">' + 
      '<h1 id="edit-title">in-page-edit-title</h1>' + 
      '<textarea id="newcontent" style="width:100%;min-height:300px;max-height:1200px"></textarea>' + 
      '<button id="cancle-btn">取消</button> <button id="preview-btn">预览</button> <label><input type="checkbox" id="is-minor"/> 小编辑</label> <div style="float:right"><input id="reason" placeholder="编辑摘要"> <button id="submit-btn">提交</button></div>' + 

      '<center id="confirm" style="display:none;clear:both"><span id="code"></span><br/><button id="no">否</button> <button id="yes">是</button></center>' +

      '<h1>预览</h1><div id="preview-area" style="padding:8px; border:2px dotted #aaa"></div>' + 
      '</div>'
    );
    $('#InPageEdit #newcontent').val(origintext);
    $('#InPageEdit #edit-title').html('正在编辑: ' + inPageEditTarget);

    // Cancle
    $('#InPageEdit #cancle-btn').click(function() {
      $('#InPageEdit #confirm').show(); $('#InPageEdit #confirm button').unbind();
      $('#InPageEdit #confirm #code').text('确认要取消吗？');
      $('#InPageEdit #confirm #no').click(function(){$('#InPageEdit #confirm').hide();});
      $('#InPageEdit #confirm #yes').click(function(){
        $('body').removeClass('action-in-page-edit');
        $('#InPageEdit').remove();
        $('#mw-content-text').show();
      });
    });

    // Preview.
    $('#InPageEdit #preview-btn').click(function() {
      new mw.Api().post({
        action: "parse",
        text: $('#InPageEdit #newcontent').val(),
        prop: "text",
        preview: true,
        format: "json"
      }).then(function(data) {
        var previewcontent = data.parse.text['*'];

        $('#InPageEdit #preview-area').html(previewcontent);
      });
    });

    // Submit
    $('#InPageEdit #submit-btn').click(function() {
      $('#InPageEdit #confirm').show(); $('#InPageEdit #confirm button').unbind();
      $('#InPageEdit #confirm #code').text('确认要提交吗？');
      $('#InPageEdit #confirm #no').click(function(){$('#InPageEdit #confirm').hide();});
      $('#InPageEdit #confirm #yes').click(function(){
        var isMinor = $('#InPageEdit #is-minor').prop('checked');
        new mw.Api().post({
          action: 'edit',
          text: $('#InPageEdit #newcontent').val(),
          title: inPageEditTarget,
          minor: isMinor,
          summary: '[InPageEdit] ' + $('#InPageEdit #reason').val(),
          token: mw.user.tokens.get('editToken')
        }).done(function() {
          $('#InPageEdit').html('<center style="font-weight:bold;color:green;min-height: 300px;line-height: 300px;font-size: 48px;">已提交</center>');
          window.location.reload();
        });
      });
    });
  }
}

/** Add button **/
$(function() {
  $('.action-view #p-userpagetools ul, #p-views .mw-portlet-body ul').append($('<li>').append($('<a>').addClass('in-page-edit-btn-link').attr('href', 'javascript:void(0)').text('快速编辑').click(function() {
    InPageEdit()
  })));
});
/** Get links in ariticle **/
$(function() {
  var self = this;
  $('#mw-content-text a.external').each(function(i) {
    var url = $(this).attr('href');
    var reg = /(([^?&=]+)(?:=([^?&=]*))*)/g;
    var params = {},
    match;
    while (match = reg.exec(url)) {
      params[match[2]] = decodeURIComponent(match[3]);
    }
    if (params.action === 'edit' && params.title !== undefined && params.section !== 'new') {
      $(this).after($('<a>').attr({
        'href': 'javascript:void(0)',
        'class': 'in-page-edit-article-link'
      }).html('[快速编辑]').data({
        'target': decodeURIComponent(params.title),
        'number': params.section || -1
      }).click(function (){
        InPageEdit(params.title)
      }));
    }
  });
});