Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Interactive Code Blocks

windesheim-hbo-ictwindesheim-hbo-ict350 downloads

Preview interactive code blocks!

Add to Obsidian
  • Overview
  • Scorecard
  • Updates2

Deze plugin maakt het mogelijk om interactieve code blocks te bekijken en te testen. Dit doe je door een markdown bestand in de reader modus te bekijken (rechts boven in Obsidian).

Over

Deze plugin is bedoelt om te assisteren bij het maken van interactive code blocks, deze plugin is geen vervanging voor de daadwerkelijke interactive code block. Als je dat is waar je naar zoekt, bekijk dan onze quartz plugin Bij Windesheim gebruiken we deze quartz plugin om onze interactieve code blocks te tonen. Deze Obsidian plugin wordt gebruikt om de markdown bestanden met interactieve code blocks te maken en te testen tijdens het schrijf proces.

Gebruik

[!CAUTION]
De preview die deze plugin genereert is NIET gelijk aan de daadwerkelijke code block zoals die wordt gegenereert in de quartz plugin.

ALLE code blocks zullen runnable gemaakt worden in deze preview, ook kunnen code blocks niet worden aangepast in de preview.

De markdown syntax om interactieve code blocks te maken is uiteraard het zelfde als de syntax die wordt gebruikt door de quartz plugin.

Hier een kleine samenvatting:

```javascript runner
console.log('I am runable and editable')
```
```javascript
console.log('I am neither runable nor editable, however I am rendered as a interactive code block')
```
```javascript sandbox
console.log('I am runable, editable and my language can be changed. This is a whole world of possibilities!')
```

Limitaties

Omdat deze plugin puur gemaakt is om interactieve code blocks te schrijven en te testen is de preview erg gelimiteerd. Enkele limitaties zijn:

  • Geen editing
  • Geen sandbox modus
  • Geen syntax highlighting
66%
HealthGood
ReviewCaution
About
Preview interactive code blocks in Obsidian's reader mode to view and test markdown examples while drafting. Indicate which blocks are runnable and editable and which are static, while noting preview limits: no in-preview editing, no sandbox mode, and no syntax highlighting.
CodeMarkdownWriting
Details
Current version
1.0.1
Last updated
2 years ago
Created
2 years ago
Updates
2 releases
Downloads
350
Compatible with
Obsidian 0.15.0+
Platforms
Desktop only
License
GPL-3.0
Report bugRequest featureReport plugin
Author
windesheim-hbo-ictwindesheim-hbo-ict
GitHubwindesheim-hbo-ict
  1. Community
  2. Plugins
  3. Code
  4. Interactive Code Blocks

Related plugins

JS Engine

Run JavaScript from within your notes.

Templater

Create and use dynamic templates.

Importer

Import data from Notion, Evernote, Apple Notes, Microsoft OneNote, Google Keep, Bear, Roam, and HTML files.

Outliner

Work with your lists like in Workflowy or Roam Research.

Mermaid Tools

Improved Mermaid.js experience: visual toolbar with common elements and more.

Various Complements

Complete words similar to auto-completion in an IDE.

Longform

Helps you write and edit novels, screenplays, and other long projects.

Linter

Format and style your notes. Linter can be used to format YAML tags, aliases, arrays, and metadata; footnotes; headings; spacing; math blocks; regular Markdown contents like list, italics, and bold styles; and more with the use of custom rule options.

Text Generator

Generate text content using GPT-3 (OpenAI).

Smart Composer

AI chat with note context, smart writing assistance, and one-click edits for your vault.