Can I run javascript in VS Code markdown preview? - Stack Overflow

admin管理员组

文章数量:1426101

Question: Can I get VS Code to execute JS in it's markdown preview.

A little background:

I like to use markdown in VS Code for taking notes, with a nice live preview happening in a pane to the side. I specifically like to make tables in it, but the formatting can get out of hand very quickly if you have even a minor amount of text in a certain column, especially if you use prettier.

I had the brain wave to just make a js variable with the text I'd like to include, and use document.write() to drop the text into the table, but keep the formatting in VScode from sprawling across lines. Lets pretend that I aliased document.write() to dw()

|<script>dw(colHeader1)</script>     |<script>dw(colHeader1)</script>           |
|------------------------------------|------------------------------------------|
|<script>dw(row1Col1Content)</script>|<script>dw(row1Col2Content)</script>      |

(Not the best example, might not be readable on mobile, but hopefully you get it).

Problem is, VScode doesn't run JS in it's preview window. Any way to make it do that?

Open to other suggestions on good ways to put large chunks of text into a table cell in markdown without the text formatting breaking to the point where it's more or less not human readable.

Question: Can I get VS Code to execute JS in it's markdown preview.

A little background:

I like to use markdown in VS Code for taking notes, with a nice live preview happening in a pane to the side. I specifically like to make tables in it, but the formatting can get out of hand very quickly if you have even a minor amount of text in a certain column, especially if you use prettier.

I had the brain wave to just make a js variable with the text I'd like to include, and use document.write() to drop the text into the table, but keep the formatting in VScode from sprawling across lines. Lets pretend that I aliased document.write() to dw()

|<script>dw(colHeader1)</script>     |<script>dw(colHeader1)</script>           |
|------------------------------------|------------------------------------------|
|<script>dw(row1Col1Content)</script>|<script>dw(row1Col2Content)</script>      |

(Not the best example, might not be readable on mobile, but hopefully you get it).

Problem is, VScode doesn't run JS in it's preview window. Any way to make it do that?

Open to other suggestions on good ways to put large chunks of text into a table cell in markdown without the text formatting breaking to the point where it's more or less not human readable.

• javascript
• visual-studio-code
• markdown
• preview

Share Improve this question Follow asked Jan 25, 2020 at 18:56 JeremyJeremy 67588 silver badges2020 bronze badges 1

• Does this answer your question? Run JavaScript in Visual Studio Code – blurfus Commented Jan 25, 2020 at 19:00

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

Yes VS Code's built-in markdown preview can run scripts, however scripts are disabled by default for security reasons. You can use the Markdown: Change preview security settings mand to allow scripts:

PS: But also note that just because you can, that doesn't mean you should

本文标签： Can I run javascript in VS Code markdown previewStack Overflow