{"id":24563746,"url":"https://github.com/mildronize/monaco-markdown-extension","last_synced_at":"2025-03-17T00:24:43.209Z","repository":{"id":57301372,"uuid":"316544058","full_name":"mildronize/monaco-markdown-extension","owner":"mildronize","description":null,"archived":false,"fork":false,"pushed_at":"2020-11-27T16:33:01.000Z","size":507,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-25T10:51:41.069Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mildronize.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-11-27T15:59:03.000Z","updated_at":"2020-11-27T16:33:03.000Z","dependencies_parsed_at":"2022-09-13T06:23:33.825Z","dependency_job_id":null,"html_url":"https://github.com/mildronize/monaco-markdown-extension","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mildronize%2Fmonaco-markdown-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mildronize%2Fmonaco-markdown-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mildronize%2Fmonaco-markdown-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mildronize%2Fmonaco-markdown-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mildronize","download_url":"https://codeload.github.com/mildronize/monaco-markdown-extension/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243951711,"owners_count":20373783,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-23T10:15:37.829Z","updated_at":"2025-03-17T00:24:43.177Z","avatar_url":"https://github.com/mildronize.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Monaco Markdown Extension\n\n## Install\n\n```\nyarn install monaco-markdown-extension monaco-editor\n```\n\n## Usage \n\nWith React (`@monaco-editor/react`)\n\nDo later\n\nWith Next.js (https://github.com/vercel/next.js/tree/canary/examples/with-monaco-editor)\n\n```javascript\nimport dynamic, { noSSR } from 'next/dynamic'\nimport { useEffect, useState } from 'react'\n\nconst MonacoEditor = dynamic(import('react-monaco-editor'), { ssr: false })\n\nconst MarkdownEditor = (props) =\u003e {\n\n  function importNoSSR(editor) {\n    const loader = async () =\u003e {\n      let MonacoMarkdown = await import('monaco-markdown-extension')\n      var extension = new MonacoMarkdown.MonacoMarkdownExtension();\n      extension.activate(editor);\n    }\n    loader();\n  }\n\n  function _editorDidMount(editor, monaco) {\n    // This come from next.js example\n    // @ts-ignore\n    window.MonacoEnvironment.getWorkerUrl = (moduleId, label) =\u003e {\n      if (label === 'json') return '/_next/static/json.worker.js'\n      if (label === 'css') return '/_next/static/css.worker.js'\n      if (label === 'html') return '/_next/static/html.worker.js'\n      if (label === 'typescript' || label === 'javascript')\n        return '/_next/static/ts.worker.js'\n      return '/_next/static/editor.worker.js'\n    }\n\n    // Make sure no ssr part in this extension\n    importNoSSR(editor);\n  }\n\n  return (\n    \u003c\u003e\n      \u003cMonacoEditoritor\n        language=\"markdown\"\n        editorDidMount={_editorDidMount}\n      /\u003e\n    \u003c/\u003e\n\n  )\n}\n\nexport default MarkdownEditor;\n```\n\n[Monaco Editor](https://github.com/Microsoft/monaco-editor) \n\nThank you typescript \u0026 Rollup template from https://github.com/HarveyD/react-component-library\n\n## Ref\n\n- Special thanks ported [Markdown extension for VS Code](https://github.com/yzhang-gh/vscode-markdown) to Monaco web editor.\n- [Markdown extension for VS Code](https://github.com/yzhang-gh/vscode-markdown)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmildronize%2Fmonaco-markdown-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmildronize%2Fmonaco-markdown-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmildronize%2Fmonaco-markdown-extension/lists"}