エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Markdown コードブロックの JavaScript を bundle して実行するエディタを作ってみた - mizchi's blog
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Markdown コードブロックの JavaScript を bundle して実行するエディタを作ってみた - mizchi's blog
ペライチの markdown のコードブロックをビルドして iframe の中で実行できる https://markdown-code-ru... ペライチの markdown のコードブロックをビルドして iframe の中で実行できる https://markdown-code-runner.netlify.com で遊べる。 前々から作れるなと思っていたので作ってみた。3時間ぐらいかかった。 仕組み monaco-editor でコード編集 remark で codeblock の AST を収集 rollup と rollup-plugin-virtual でインメモリ上に依存を構築して bundle iframe でクロスドメイン制約を与えた状態で実行(ifram.sandbox="allow-scripts") 外部からの入力受け取れないし、そもそも自動実行できないのでコード実行とはいえセキュリティ要件はそこまで厳しくないはず TODO 実験的に React だけ特別扱いしてるが npm 対応したい monaco の補完用