如何让Monaco Editor显示\n与\"转义字符？

要让Monaco Editor原样显示\n和\"这类转义字符，核心是对字符串进行双重转义——因为JavaScript会自动解析第一层转义字符，只有把转义符本身也转义，才能让它们以原始形式呈现在编辑器中。

修改后的代码如下：

editor_source = monaco.editor.create(document.getElementById('editor_source'), {
    value: "{\\n  \\\"message\\\": \\\"¡Hello World!\\\", \\n  \\\"status\\\": \\\"successful\\\"\\n}",
    language: 'plaintext',
    wordWrap: 'on',
    tabSize: 2,
    indentSize: 2,
})

原理说明 #

• 原本的\n会被JavaScript解析为换行符，改成\\n后，会被解析为字符串\n，从而在编辑器中显示原始转义字符；
• 原本的\"会被解析为双引号"，改成\\\"后，会被解析为字符串\"，实现原样显示；
• 保持language: 'plaintext'即可，无需切换其他语言模式。

修改后，编辑器将输出你期望的内容：

{\n  \"message\": \"¡Hello World!\", \n  \"status\": \"successful\"\n}

内容的提问来源于stack exchange，提问作者Edinson Mauricio Mendoza E.