È possibile mostrare caratteri nascosti in CodeMirror?

Question

E 'possibile mostrare caratteri nascosti (come Carriage Return character) in Codemirror Text Editor, ma non ho trovato alcun riferimento di configurazione su di esso nella sua documentazione. È possibile fare questo?

Answer 1

Il ritorno del carrello viene interpretato in modo speciale da CodeMirror (quando da solo creerà un'interruzione di riga, quando davanti a un feed di riga verrà ignorata), quindi in tal caso, no non è possibile.

Ma altri caratteri non stampabili (ad esempio \b) saranno visualizzati come punti rossi per impostazione predefinita e sarà possibile adattare la classe CSS pertinente cm-invalidchar per personalizzare il loro aspetto.

Answer 2

questo potrebbe essere fatto con l'aiuto di overlays e stili predefiniti con spazi e il simbolo EOL in questo modo:

cm.addOverlay({ 
    name: 'invisibles', 
    token: function nextToken(stream) { 
     var ret, 
      spaces = 0, 
      peek = stream.peek() === ' '; 

     if (peek) { 
      while (peek && spaces < Maximum) { 
       ++spaces; 

       stream.next(); 
       peek = stream.peek() === ' '; 
      } 

      ret = 'whitespace whitespace-' + spaces; 
     } else { 
      while (!stream.eol() && !peek) { 
       stream.next(); 

       peek = stream.peek() === ' '; 
      } 

      ret = 'cm-eol'; 
     } 

     return ret; 
    } 
}); 

Si potrebbe utilizzare addon CodeMirror Show Invisibles per questo scopo.