Ridimensionare i blocchi di codice?

Sto cercando una funzionalità o un tema che mi permetta, come lettore, di ridimensionare i blocchi di codice nei post.

Perché? Passiamo molto tempo a guardare i log e, a seconda dell’ambiente, ci possono essere molti "preamboli" su ogni riga di log. Ecco un esempio:

7 Mi Piace

Forse possiamo riutilizzare la nostra funzionalità “Espandi Tabella” per lavorare anche sui blocchi di codice…

3 Mi Piace

Beh, non ho ancora capito il ridimensionamento orizzontale, ma sono riuscito ad aggiungere il ridimensionamento verticale con un po’ di CSS:

// Blocchi di codice scorrevoli
.hljs {
    resize: vertical;
    height: 515px;
    max-height: unset;
}

Modifica: Beh… lascia perdere. Mi sono appena reso conto che quando il blocco di codice è corto, questo^ rende il div troppo alto. :frowning:

2 Mi Piace

È probabilmente un suggerimento ingenuo, ma che ne dici di white-space: break-spaces; per avere il ritorno a capo automatico?

1 Mi Piace

Ho in realtà fatto del lavoro all’inizio dell’anno per mettere a schermo intero i blocchi di codice. Innanzitutto, devi avere abilitata l’impostazione show_copy_button_on_codeblocks. Quindi, qualsiasi blocco di codice che abbia uno scorrimento orizzontale avrà 2 pulsanti: il pulsante di copia e il pulsante a schermo intero (il pulsante di copia sarà presente indipendentemente):

Quindi verrà mostrata una modale senza lo scorrimento orizzontale:

6 Mi Piace

@Canapin non vuoi davvero che i blocchi di codice vadano a capo. Questo è il motivo per cui formattato il 99% dei post che modifico: per mettere le cose che non dovrebbero andare a capo nei blocchi di codice.

E grazie per il suggerimento @martin. Potrei provarlo nel frattempo, ma spero ancora nel ridimensionamento inline… :crossed_fingers: :innocent:

2 Mi Piace

Ho attivato show_copy_button_on_codeblocks e questo è un buon passo intermedio. :innocent:
Vale la pena notare che devi effettivamente passare il mouse sopra il blocco di codice affinché i pulsanti vengano visualizzati. All’inizio pensavo non funzionasse.

E a proposito di blocchi di codice ridimensionabili inline, potrebbe valere la pena sottolineare che l’editor SQL di Data Explorer è completamente ridimensionabile. (So che la pagina è costruita in modo diverso, ma…)

1 Mi Piace

Quindi, quando abilito show_copy_button_on_codeblocks, non mostra l’opzione di copia (o espandi). C’è qualcos’altro che mi sfugge?

1 Mi Piace

Il pulsante di espansione verrà visualizzato solo se il blocco di codice scorre orizzontalmente. Non sono sicuro del motivo per cui il pulsante di copia non venga visualizzato. È nascosto finché non si passa il mouse sopra il blocco di codice, forse è questo?

Sono stato zitto per un po’, ma voglio comunque poter espandere i blocchi di codice inline.

Al momento, sto visualizzando il codice nel popup. E la funzione di risposta/citazione apparentemente non è disponibile. :sadpanda: