comment aligner les longues lignes à l'intérieur des marquages ​​`` blocs de code '' dans les problèmes github et gitlab?

Question

par exemple:

```
some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; 
```

forcera l'utilisateur à faire défiler les problèmes github/gitlab. Existe-t-il un moyen d'envelopper la ligne douce à l'intérieur code block?

J'ai lu les questions connexes mais elles semblent différentes (par exemple jekyll, etc.).

EDIT: éditer manuellement le code pour limiter à 80 colonnes n'est pas une option viable (par exemple, lors du collage à partir d'une sortie/journal du compilateur, etc.; cela demande beaucoup de travail et ne devrait pas être nécessaire)

Answer 1

Il semble que ce ne soit pas encore possible. Mais vous pouvez utiliser certaines extensions pour contourner le balisage - ceci extension chrome ici est assez cool, voir ceci fil github ici pour plus

Answer 2

J'ai trouvé la solution suivante pour moi et l'ai testée sur le "github":

1) Créez un fichier avec le suffixe ".md"

2) Utilisez la balise < div > pour résoudre l'objectif demandé - diviser les longues lignes en plusieurs en le marquant comme une ligne.

Exemple:

<div>I am
very
long line</div>

Sera considéré comme suit:

I am very long line

Answer 3

Ajoutez ci-dessous CSS dans votre fichier HTML de sortie ou modifiez-le dans le CSS lié

code {
  white-space : pre-wrap !important;
}

Answer 4

Utilisez l'extension comme ser Css

Code par défaut pre code (ça aussi) et gitlab

pre code,  /* stackoverflow */
.md:not(.use-csslab) pre code
 {
  white-space: pre-wrap;
}

Ou utilisez une autre extension, comme JSScript triks

Commutateur "Wrap/Unwrap":

dans la section JS, ajoutez le commutateur init:

var ws = function(i,e) { 
  $("pre code").filter(function(){
   var _t = $(this).parent();
    return !_t.has("input[switch").length 
      && _t.get(0).scrollWidth > _t.innerWidth();
  }).before("<input type='checkbox' checked switch title='Wrap/Unwrap' />");
}
$("body").on("change", ws).change();
$(window).bind("scroll", ws);

dans la section CSS, ajoutez des styles:

pre {position:relative;}
input[type="checkbox"][switch] {
  position: absolute;
  display: block;
  right:0.5em;
  top:0.5em;
}
pre input[switch]:checked + code { white-space: pre-wrap; }
/* pre input[switch]:not(:checked) + code { white-space: pre; } */