Ist es möglich, versteckte Zeichen in CodeMirror anzuzeigen?

Question

Ist es möglich, versteckte Zeichen (wie Carriage Return-Zeichen) in Codemirror Text Editor anzuzeigen, aber ich habe keine Konfigurationsreferenz darüber in seiner Dokumentation gefunden. Ist es möglich, dies zu tun?

Answer 1

Carriage Return wird speziell von CodeMirror interpretiert (wenn es alleine einen Zeilenumbruch erzeugt, wird es vor einem Zeilenvorschub ignoriert), in diesem Fall also nein.

Aber andere nicht druckbare Zeichen (zum Beispiel \b) werden standardmäßig als rote Punkte angezeigt, und Sie können die entsprechende CSS-Klasse cm-invalidchar anpassen, um ihr Aussehen anzupassen.

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; 
    } 
}); 

Sie addon CodeMirror Show Invisibles für diesen Zweck verwenden könnte:

Answer 2

werden Dies könnte mit Hilfe von overlays und vordefinierte Stile mit Leerzeichen und EOL-Symbol auf diese Weise getan.