CodeMirrorで隠し文字を表示することはできますか？

Question

codemirrorテキストエディタに隠れた文字（キャリッジリターン文字など）を表示することはできますか？そのドキュメントの設定参照は見つかりませんでした。それは可能ですか？

Answer 1

キャリッジリターンはCodeMirrorによって特別に解釈されます（改行の前に改行があると無視されます）。そうしないとできません。

他の非印字文字（たとえば\b）はデフォルトで赤い点として表示され、関連するCSSクラスcm-invalidcharをカスタマイズして外観をカスタマイズできます。

Answer 2

これは空白やEOL記号で​​の助けと事前に定義されたスタイルでこの方法を行うことができます。

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

あなたは、この目的のためにアドオンCodeMirror Show Invisiblesを使用することができます。