Editor di testo ricco converte bbcode in display math

Descrizione

Quando si incolla bbcode nell’editor di testo ricco, le parentesi quadre vengono convertite in escape come \[ e \]. Tuttavia, questo lo rende un blocco di matematica visualizzata valido, quindi viene erroneamente renderizzato come matematica.

Riproduzione

  1. Copia il seguente testo

    [details="summary"]
    some text
    [/details]
    
  2. Incolla in qualcosa come notepad.exe

  3. Copia da notepad.exe per rimuovere le informazioni sulla formattazione

  4. Incolla nell’editor di testo ricco

  5. Il testo dovrebbe essere visualizzato come codice; deseleziona il pulsante di attivazione/disattivazione “codice” per renderlo testo normale

In alternativa, puoi digitare manualmente il bbcode mostrato sopra nell’editor di testo ricco.

Comportamento previsto

O

summary

some text

che va bene, poiché è il significato originale del bbcode, oppure

\[details=“summary”\]
some text
\[/details\]

che va bene anche, poiché è ciò che si vede nell’editor wysiwyg.

Comportamento attuale

\[details=“summary”\]
some text
\[/details\]

che non va bene.

2 Mi Piace

Non sono riuscito a riprodurre questo problema. Ho provato sia sul mio Macbook Pro che su un desktop Windows, dove sono riuscito a seguire le tue istruzioni di riproduzione alla lettera.

In entrambi i casi, ho acceduto al sito utilizzando il browser web Firefox.

2 Mi Piace

Ciao Mark,

Riesci a riprodurre digitando manualmente del bbcode nell’editor di testo ricco (cioè non incollandolo)? La formattazione degli appunti è davvero una questione complicata…

Se si hanno persone che incollano bbcode, si può provare a disabilitare discourse_math_enable_latex_delimiters.

Tuttavia, anch’io non riesco a riprodurre il problema. Nel mio caso, ciò che era disponibile negli appunti era:

Formats: TIMESTAMP,TARGETS,SAVE_TARGETS,MULTIPLE,STRING,UTF8_STRING,TEXT,text/plain,text/plain;charset=utf-8,chromium/x-internal-source-rfh-token,chromium/x-source-url
'[details="summary"]\nsome text\n[/details]'

o la versione semplice:

Formats: TARGETS,UTF8_STRING
'[details="summary"]\nsome plain text\n[/details]\n'

Usando copia/incolla del browser (invece del pulsante copia) avevo negli appunti:

Formats: TIMESTAMP,TARGETS,SAVE_TARGETS,MULTIPLE,STRING,UTF8_STRING,TEXT,text/html,text/plain,text/plain;charset=utf-8,chromium/x-internal-source-rfh-token,chromium/x-source-url
UTF8_STRING:
b'[details="summary"]\nsome text\n[/details]'
text/html:
b'\u003cspan style="color: rgb(199, 199, 199); font-family: \u0026quot;JetBrains Mono\u0026quot;, Consolas, Monaco, monospace; font-size: 15.75px; font-style: normal; font-variant-ligatures: none; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre; background-color: rgba(0, 0, 0, 0.25); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;"\u003e[details="summary"]\nsome text\n[/details]\u003c/span\u003e'
text/plain:
b'[details="summary"]\nsome text\n[/details]'
text/plain;charset=utf-8:
b'[details="summary"]\nsome text\n[/details]'

ma anche questo è stato incollato correttamente.

Sì, ora posso verificare questo comportamento semplicemente digitando nell’editor di testo ricco:

details=”summary”

Ecco i dettagli non così nascosti.

/details

Detto questo, l’editor ricco fornisce strumenti per inserire questo tipo di elementi tramite un’interfaccia point and click. Se si desidera inserire dettagli nascosti, immagino si debba usare tale interfaccia.

Vediamo se funziona:

Summary

Questo testo è davvero nascosto!!

1 Mi Piace

Sembra che il mio sistema inserisca un <pre><code> per gli appunti…

> arguments[0].clipboardData.getData('text/html')
'<pre><code class="lang-plaintext hljs language-plaintext" data-highlighted="yes">[details="summary"]
some text
[/details]
</code></pre>' 

Comunque, il punto principale è che ciò che vedi nell’editor wysiwyg non è ciò che ottieni.

Sì!

Quello che è successo sulla nostra istanza è che qualcuno ha fornito un modello da compilare per gli altri; qualcosa come…

[details="Parte 1"]
- [ ] spunta
- [ ] spunta
- [ ] spunta
[/details]
[details="Parte 2"]
- [ ] spunta
- [ ] spunta
- [ ] spunta
[/details]
...

… e poi molte persone sono tornate (inaspettatamente) con la visualizzazione della matematica come…

\[details=“Parte 1”\]

  • \[ \] spunta
  • \[x\] spunta
  • \[ \] spunta
    \[/details\]
    \[details=“Parte 2”\]
  • \[x\] spunta
  • \[ \] spunta
  • \[x\] spunta
    \[/details\]

Grazie ancora per la tua attenzione!

1 Mi Piace