Test Stili multipli e code/wrap

[HC]

Siccome wrap mi parsa il contenuto e me lo macella, proviamo a inserire un code block custom:

1. e4 c6 2. d4 d5 3. exd5 cxd5 4. Nc3

Caro Kann, variante di cambio
Tema: Zeit. PieceStyle: Leipzig

[HC]

In pratica quanto di cui sopra dovrebbe essere indistinguibile dal wrap:

1. e4 c6 2. d4 d5 3. exd5 cxd5

[HC]

[Event "vs Computer"]
[Site "Chess.com"]
[Date "2023.09.15"]
[Round "?"]
[White "David-BOT"]
[Black "HappyCactus"]
[Result "0-1"]
[ECO "A00"]
[WhiteElo "1400"]
[BlackElo "714"]
[TimeControl "0"]
[EndDate "2023.09.15"]
[Termination "HappyCactus won by checkmate"]

1. Na3 e5 2. Nc4 Nc6 3. e4 b5 4. Ne3 Nf6 5. Bd3 Bb7 6. c3 Bc5 7. b4 Bb6 8. Ne2
O-O 9. Qc2 a6 10. h3 d6 11. Rg1 Qd7 12. Rb1 Ne7 13. Kd1 Ng6 14. c4 Qe6 15. c5
Ba7 16. Rb2 Rad8 17. Rf1 d5 18. Nxd5 Nxd5 19. exd5 Bxd5 20. f3 Nh4 21. Bxh7+ Kh8
22. Rg1 Nxf3 23. Rh1 Ng5 24. Bf5 Qf6 25. Rg1 Qc6 26. d4 Be4 27. Bxg5 Bxc2+ 28.
Kxc2 f6 29. Bc1 Qe8 30. Rd1 Qh5 31. Bd3 exd4 32. Kb1 Rfe8 33. Rf1 c6 34. Ng3 Qf7
35. Rb3 Bb8 36. Nf5 Re7 37. Nxe7 Qxe7 38. h4 Bc7 39. h5 a5 40. Bf5 Qe2 41. Rff3
Qxg2 42. bxa5 Bxa5 43. Rbd3 Bc7 44. Bd2 Ra8 45. Kb2 Bd8 46. a3 Be7 47. Rg3 Qd5
48. Bg6 Bxc5 49. Rgf3 b4 50. axb4 Qa2+ 51. Kc1 Qa1+ 52. Kc2 Qa4+ 53. Rb3 Qa2+
54. Rb2 Qc4+ 55. Kd1 Ra1+ 56. Bb1 Qd5 57. Rh3 Qg2 58. Rd3 Bxb4 59. Rxb4 c5 60.
Rb8+ Kh7 61. Rxd4+ f5 62. Rdd8 Qg4+ 63. Ke1 Qe4+ 64. Kf2 Qh4+ 65. Ke2 Qxh5+ 66.
Kf2 Qh4+ 67. Kf1 Rxb1+ 68. Rxb1 Qxd8 69. Bf4 Qd3+ 70. Kg1 Qxb1+ 71. Kg2 c4 72.
Kf2 c3 73. Be3 c2 74. Bd2 c1=Q 75. Bxc1 Qxc1 76. Kg2 Qc3 77. Kf2 f4 78. Kf1 Qb2
79. Ke1 f3 80. Kd1 Qh2 81. Kc1 f2 82. Kd2 f1=Q+ 83. Kc3 Qh4 84. Kc2 Qf3 85. Kb2
Qh2+ 86. Kc1 Qf1# 0-1

[HC]

@Fedemone ma nella box dove sono mostrate le mosse, come si fa a mandare a capo?

Ho provato a mettere nel browser overflow-wrap: break-word; ma non va.

[Fedemone]

Uhmm temo che sia dentro il dist.js, non so quanto sia semplice farlo… Cmq controllo

[Fedemone]

@HC

1. Na3 e5 2. Nc4 Nc6 3. e4 b5 4. Ne3 Nf6 5. Bd3 Bb7 6. c3 Bc5 7. b4 Bb6 8. Ne2
O-O 9. Qc2 a6 10. h3 d6 11. Rg1 Qd7 12. Rb1 Ne7 13. Kd1 Ng6 14. c4 Qe6 15. c5
Ba7 16. Rb2 Rad8 17. Rf1 d5 18. Nxd5 Nxd5 19. exd5 Bxd5 20. f3 Nh4 21. Bxh7+ Kh8
22. Rg1 Nxf3 23. Rh1 Ng5 24. Bf5 Qf6 25. Rg1 Qc6 26. d4 Be4 27. Bxg5 Bxc2+ 28.
Kxc2 f6 29. Bc1 Qe8 30. Rd1 Qh5 31. Bd3 exd4 32. Kb1 Rfe8 33. Rf1 c6 34. Ng3 Qf7
35. Rb3 Bb8 36. Nf5 Re7 37. Nxe7 Qxe7 38. h4 Bc7 39. h5 a5 40. Bf5 Qe2 41. Rff3
Qxg2 42. bxa5 Bxa5 43. Rbd3 Bc7 44. Bd2 Ra8 45. Kb2 Bd8 46. a3 Be7 47. Rg3 Qd5
48. Bg6 Bxc5 49. Rgf3 b4 50. axb4 Qa2+ 51. Kc1 Qa1+ 52. Kc2 Qa4+ 53. Rb3 Qa2+
54. Rb2 Qc4+ 55. Kd1 Ra1+ 56. Bb1 Qd5 57. Rh3 Qg2 58. Rd3 Bxb4 59. Rxb4 c5 60.
Rb8+ Kh7 61. Rxd4+ f5 62. Rdd8 Qg4+ 63. Ke1 Qe4+ 64. Kf2 Qh4+ 65. Ke2 Qxh5+ 66.
Kf2 Qh4+ 67. Kf1 Rxb1+ 68. Rxb1 Qxd8 69. Bf4 Qd3+ 70. Kg1 Qxb1+ 71. Kg2 c4 72.
Kf2 c3 73. Be3 c2 74. Bd2 c1=Q 75. Bxc1 Qxc1 76. Kg2 Qc3 77. Kf2 f4 78. Kf1 Qb2
79. Ke1 f3 80. Kd1 Qh2 81. Kc1 f2 82. Kd2 f1=Q+ 83. Kc3 Qh4 84. Kc2 Qf3 85. Kb2
Qh2+ 86. Kc1 Qf1# 0-1

Allora, se guardo il configuratore di Libelt stesso, vedo che già usa il word wrap (ma qui su discourse non lo fa), quindi devo ancora capire.
Se no come alternativa momentanea potresti provare ad usare questo parametro: notationLayout: ‘list’ anziché ‘inline’

[HC]

Credo di aver imparato a impacchettare il tutto con npm, se la soluzione funziona posso anche forkare il coso e cosare il cosaltro, anche se magari possiamo aggiungere la cosa nel nostro coso CSS. (?!?)