Redimensionner les blocs de code ?

Je recherche une fonctionnalité ou un thème qui me permettrait, en tant que lecteur, de redimensionner les blocs de code dans les publications.

Pourquoi ? Nous passons beaucoup de temps à regarder les journaux, et selon l’environnement, il peut y avoir beaucoup de « préambule » sur chaque ligne de journal. Voici un exemple :

7 « J'aime »

Peut-être pourrions-nous réutiliser notre fonctionnalité « Développer le tableau » pour travailler également sur les blocs de code…

3 « J'aime »

Eh bien, je n’ai pas réussi à implémenter le redimensionnement horizontal, mais j’ai pu ajouter le redimensionnement vertical avec un peu de CSS :

// Blocs de code déroulants
.hljs {
    resize: vertical;
    height: 515px;
    max-height: unset;
}

Edit : Bon… oubliez ça. Je viens de réaliser que lorsque le bloc de code est court, cela rend le div trop grand. :frowning:

2 « J'aime »

C’est peut-être une suggestion naïve, mais qu’en est-il de white-space: break-spaces; pour avoir le retour à la ligne ?

1 « J'aime »

J’ai en fait fait du travail plus tôt cette année pour mettre les blocs de code en plein écran. D’abord, vous devez avoir le paramètre show_copy_button_on_codeblocks activé. Ensuite, tout bloc de code qui a un défilement horizontal aura 2 boutons – le bouton de copie et le bouton plein écran (le bouton de copie sera là quoi qu’il arrive) :

Ensuite, une fenêtre modale s’affichera sans le défilement horizontal :

6 « J'aime »

@Canapin vous ne voulez vraiment pas que les blocs de code s’enroulent. C’est d’ailleurs pourquoi je formate 99% des publications que je modifie : pour mettre les choses qui ne devraient pas s’enrouler dans des blocs de code.

Et merci pour le conseil @martin. Je vais peut-être essayer ça en attendant, mais j’espère toujours un redimensionnement en ligne… :crossed_fingers: :innocent:

2 « J'aime »

J’ai activé show_copy_button_on_codeblocks et c’est une bonne étape intermédiaire. :innocent:
Il est à noter qu’il faut survoler le bloc de code avec la souris pour que les boutons apparaissent. J’ai d’abord pensé que cela ne fonctionnait pas.

Et à propos des blocs de code redimensionnables en ligne, il pourrait être utile de souligner que l’éditeur SQL de Data Explorer est entièrement redimensionnable. (Je sais que la page est construite différemment, mais…)

1 « J'aime »

Alors, quand j’active show_copy_button_on_codeblocks, l’option de copie (ou d’expansion) ne s’affiche pas. Y a-t-il autre chose que je manque ?

1 « J'aime »

Le bouton d’expansion ne s’affichera que si le bloc de code défile horizontalement. Je ne suis pas sûr de la raison pour laquelle le bouton de copie ne s’affiche pas. Il est masqué jusqu’à ce que vous survoliez le bloc de code, peut-être est-ce pour cela ?

Je suis resté silencieux pendant un moment, mais je veux toujours pouvoir développer les blocs de code en ligne.
En ce moment, je visualise le code dans la fenêtre contextuelle. Et la fonction de réponse/citation n’est apparemment pas disponible. :sadpanda: