DokuWiki - Como mostrar os botões de edição nos cabeçalhos de seção

Question

No DokuWiki, existe algum plugin compatível com a última versão estável (2009-02-14), que pode mostrar o editar botões nos cabeçalhos de seção (como Wikipedia ou MediaWiki) em vez de mostrá-los no final do texto da seção.

A maneira padrão é confusa, pois quando você quer editar uma seção, você precisa rolar até o final do seu conteúdo e clicar no botão editar lá.

    

Answer 1

Ok, eu descobri como fazer isso sozinho, e aqui está a solução para que você possa editar os botões nos cabeçalhos das seções, como a Wikipedia.

Abra o seguinte arquivo em um editor de texto.

"\dokuwiki\inc\parser\handler.php"

Perto da linha 110 você encontrará isto:

    if ($level<=$conf['maxseclevel']) {
        $this->_addCall('section_edit',array($this->status['section_edit_start'], $pos-1, $this->status['section_edit_level'], $this->status['section_edit_title']), $pos);
        $this->status['section_edit_start'] = $pos;
        $this->status['section_edit_level'] = $level;
        $this->status['section_edit_title'] = $title;
    }

Substitua o acima com isto:

    if ($level<=$conf['maxseclevel']) {
        $this->status['section_edit_start'] = $pos;
        $this->status['section_edit_level'] = $level;
        $this->status['section_edit_title'] = $title;
        $this->_addCall('section_edit',array($this->status['section_edit_start'], $pos-1, $this->status['section_edit_level'], $this->status['section_edit_title']), $pos);
    }

Salve e feche o arquivo PHP e recarregue um artigo no seu wiki - e voila! você modificou com sucesso o DokuWiki para ter botões de edição próximos a cada cabeçalho, para editar a seção correspondente.

Espero que isso ajude.

    

Answer 2

Não parece possível fazer isso no PHP devido a como a renderização é feita, não sabemos o alcance final da seção, mas podemos mover os botões assim que a página for renderizada com javascript.

Para o lançamento 2016-06-26a "Elenor of Tsort", edite lib / scripts / page.js e insira:

/**
 * Moves the edit buttons beside the headings once it has the edit end range since we dont know it when rendering the heading in PHP.
 */
moveEditButtonsToHeadings: function(){
    jQuery('form.btn_secedit').each(function(){
    var $tgt = jQuery(this).parent(),
        $editButton = jQuery(this).parent(),
            nr = $tgt.attr('class').match(/(\s+|^)editbutton_(\d+)(\s+|$)/)[2];

        // Walk the dom tree in reverse to find the sibling which is or contains the section edit marker
        while($tgt.length > 0 && !($tgt.hasClass('sectionedit' + nr) || $tgt.find('.sectionedit' + nr).length)) {
            $tgt = $tgt.prev();
        }

        // move the edit button and adjust the styles
        $tgt.css('display', 'inline-block');
        $editButton.detach().insertAfter($tgt);
        if ($tgt.prop("tagName") == 'H1') {
            $editButton.css('marginTop', '0.4em');
        } else if ($tgt.prop("tagName") == 'H2') {
            $editButton.css('marginTop', '0.2em');
        } else {
            $editButton.css('marginTop', '0.0em');
        }
        $editButton.css('marginRight', '10px');
        $editButton.css('float', 'left');
    });
},

sectionHighlight2: function() {
    jQuery('div.secedit')
        .mouseover(function(){
            var $tgt = jQuery(this),
                $level = $tgt.next();
            $level.addClass('section_highlight');
        })
        .mouseout(function(){
            var $tgt = jQuery(this),
                $level = $tgt.next();
            $level.removeClass('section_highlight');
        });
}

Altere a função init para chamar as duas novas funções e comente a seção antigaHighlight.

init: function(){
    //dw_page.sectionHighlight();
    dw_page.moveEditButtonsToHeadings();
    dw_page.sectionHighlight2();
    jQuery('a.fn_top').mouseover(dw_page.footnoteDisplay);
    dw_page.makeToggle('#dw__toc h3','#dw__toc > div');
}