SystemSh0cker/monaco-editor
1
0
Fork 0
mirror of https://github.com/microsoft/monaco-editor.git synced 2025-12-22 22:02:55 +01:00
Code Issues Projects Releases Packages Activity

Merge pull request #1807 from JoshuaKGoldberg/monarch-token-docs

Browse source 
Added section in Monarch docs for Inspect Tokens development helper
This commit is contained in:
Alexandru Dima 2020-02-04 16:04:39 +01:00 • committed by GitHub
commit 4cd57f6ca3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
website/monarch.html
View file

@ -383,6 +383,17 @@ tokenizer: {
],</pre>
<p>Only when we find a matching end tag (outside a string), <code>$1==$S2</code>, we pop the state and exit the embedded mode. Note that we need <a href="#@rematch"><code class="dt">@rematch</code></a> since the editor is ignoring our token classes until we actually exit the embedded mode (and we handle the close tag again in the <code>@root</code> state).</p>
<p>&nbsp;</p>
<h2 id="inspectingtokens">Inspecting Tokens</h2>
<p>Monaco provides an <code>Inspect Tokens</code> tool in browsers to help identify the tokens parsed from source code.</p>
<p>To activate:</p>
<ol>
<li>Press <kbd>F1</kbd> while focused on a Monaco instance</li>
<li>Trigger the <code>Developer: Inspect Tokens</code> option</li>
</ol>
<p>This will show a display over the currently selected token for its language, token type, basic font style and colors, and selector you can target in your editor themes.</p>
</div> <!-- documentation -->
</div> <!-- main -->