Changeset 71544 in spip-zone


Ignore:
Timestamp:
Apr 3, 2013, 9:40:26 PM (7 years ago)
Author:
cedric@…
Message:

On favorise la semantique des balises : <code> pour code inline et <pre> pour un bloc de code, <p> pour le lien de telechargement
Cela permet de beneficier des stylages natifs de ces balises quand ils sont là et d'avoir des blocs qui se tiennent et ont une apparence correcte avec une base CSS complète, même sans stylage spécifique pour le plugin.

Corrolairement on laisse tomber les .spip_code et .spip_cadre qui generent plus de confusion qu'autre chose (et ne s'emboitent pas bien par rapport au pre, ajoutant cadre au cadre)

La css privée est enrichie des fioritures qui rendent le tout plus joli, et on les propose dans la css publique aussi, pour le cas ou elle servirait.


Voir si ça ne casse pas trop les sites qui utilisent le plugin.

Location:
_plugins_/coloration_code/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/coloration_code/trunk/coloration_code_fonctions.php

    r71540 r71544  
    5252        if ($cadre == 'cadre')
    5353                $englobant = 'div';
     54        $balise_code = ($englobant == 'div' ? "div":"code");
    5455
    5556        // Supprime le premier et le dernier retour chariot
     
    7778        $geshi->set_overall_style('');
    7879        $geshi->set_code_style('');
    79        
     80
    8081        $stylecss = "";
    8182        if (!PLUGIN_COLORATION_CODE_STYLES_INLINE OR PLUGIN_COLORATION_CODE_SANS_STYLES) {
     
    120121                $datatext_content = ' data-clipboard-text="'.attribut_html($code).'"';
    121122               
    122         if ($cadre == 'cadre') {
    123           $spip_cadre = ' spip_cadre';
    124           $geshi->set_header_type(GESHI_HEADER_DIV);
     123        if ($cadre == 'cadre' OR $englobant=="div") {
     124          $geshi->set_header_type(GESHI_HEADER_PRE);
    125125          $geshi->enable_line_numbers(GESHI_NORMAL_LINE_NUMBERS);
    126126        } else {
    127           $spip_cadre = '';
    128127          $geshi->set_header_type(GESHI_HEADER_NONE);
    129128          $geshi->enable_line_numbers(GESHI_NO_LINE_NUMBERS);
     
    133132        // And echo the result!
    134133        //
    135         $rempl = $stylecss . '<' . $englobant . ' class="coloration_code"><' . $englobant . ' class="spip_'.$language.' '.$cadre.$spip_cadre.'"'.$datatext_content.'>'.$geshi->parse_code().'</' . $englobant . '>';
     134        $rempl = $stylecss . '<' . $englobant . ' class="coloration_code '.$cadre.'"><' . $balise_code . ' class="spip_'.$language.' '.$cadre.'"'.$datatext_content.'>'.$geshi->parse_code().'</' . $balise_code . '>';
    136135
    137136        if ($telecharge) {
    138                 $rempl .= "<div class='" . $cadre . "_download'><a href='$fichier'>"._T('bouton_download')."</a></div>";
     137                $rempl .= "<p class='download " . $cadre . "_download'><a href='$fichier'>"._T('bouton_download')."</a></p>";
    139138        }
    140139        return $rempl.'</' . $englobant . '>';
  • _plugins_/coloration_code/trunk/css/coloration_code.css

    r67979 r71544  
    1 .cadre_download{
    2         text-align:right;
     1.coloration_code pre {
     2  background: #eee;
     3  padding: 0;
     4  -webkit-box-shadow: inset 40px 0 0 #f7f7f7, inset 41px 0 0 #ececf0;
     5     -moz-box-shadow: inset 40px 0 0 #f7f7f7, inset 41px 0 0 #ececf0;
     6          box-shadow: inset 40px 0 0 #f7f7f7, inset 41px 0 0 #ececf0;
     7  white-space: pre-wrap;
     8  word-break: break-all;
     9  word-wrap: break-word;
     10  padding:1em 0;
    311}
     12.coloration_code .download {text-align: right}
    413
    5 .cadre_download a{
    6         font-family: verdana, arial, sans; font-weight: bold; font-style: normal;
     14.coloration_code ol{
     15        list-style-type: decimal;
     16    margin-left:43px;
    717}
  • _plugins_/coloration_code/trunk/paquet.xml

    r71540 r71544  
    22        prefix="coloration_code"
    33        categorie="edition"
    4         version="0.7.2"
     4        version="0.8.0"
    55        etat="stable"
    66        compatibilite="[2.0.0;3.0.99]"
  • _plugins_/coloration_code/trunk/plugin.xml

    r71540 r71544  
    1616        <icon>coloration-32.png</icon>
    1717        <auteur>Pierre Andrews (Mortimer) - ARNO*</auteur>
    18         <version>0.7.2</version>
     18        <version>0.8.0</version>
    1919        <etat>stable</etat>
    2020        <description>
  • _plugins_/coloration_code/trunk/prive/themes/spip/coloration_code.css

    r64737 r71544  
    1 .coloration_code .spip_cadre{
    2         margin-left:2em;       
     1.coloration_code.cadre {
     2
    33}
     4
     5.coloration_code pre {
     6  background: #eee;
     7  padding: 0;
     8  -webkit-box-shadow: inset 40px 0 0 #f7f7f7, inset 41px 0 0 #ececf0;
     9     -moz-box-shadow: inset 40px 0 0 #f7f7f7, inset 41px 0 0 #ececf0;
     10          box-shadow: inset 40px 0 0 #f7f7f7, inset 41px 0 0 #ececf0;
     11  white-space: pre-wrap;
     12  word-break: break-all;
     13  word-wrap: break-word;
     14  padding:1em 0;
     15}
     16.coloration_code .download {text-align: right}
    417
    518.coloration_code ol{
    619        list-style-type: decimal;
    7         margin-left: 0em;
     20    margin-left:43px;
    821}       
Note: See TracChangeset for help on using the changeset viewer.