问题标签 [markdown-it]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Markdown-它不适用于 Nuxt 和内容,抛出错误
我正在使用 Contentful 构建网站,并遵循不同的指南和配置。无论我做什么,我似乎都无法获得 markdownit 工作的基本示例。我不断收到错误消息:
属性或方法“$md”未在实例上定义,但在渲染期间被引用。
无法在文档中获得任何示例: https ://openbase.com/js/@nuxtjs/markdownit
我什至删除了整个模板并尝试了简单的版本。我还在下面的配置文件中尝试了不同的设置。
我已经运行了“yarn build”、“yarn add markdown-it”
似乎都没有帮助
这是我最终要开始工作的内容:
这是我正在关注的一个示例,它似乎正在现场演示中工作: https ://github.com/sdras/contentful-nuxt-netlify/blob/e80e6552eef812320a7bd2dd66ad3fa8ebf5f840/pages/_slug.vue
在上下文中 - pages/_id/index.vue
nuxt.config.js
包.json
以防万一:index.vue
node.js - 如何防止自定义 markdown-it 插件将特殊字符转义为 HTML 实体?
有一个名为 markdown-it-container 的 markdown-it 插件,它允许您为内容的围栏区域定义自定义渲染函数。
默认情况下,任何特殊字符(例如双引号)都会转义为 HTML 实体。
有没有办法访问令牌的原始源内容,以便匹配的内容没有被转义?
reactjs - Tailwind/typography 如何在 React 项目中与 markdown-it 配合使用?
我正在尝试为我的博客开发一个新功能,即用于撰写文章的 Markdown 编辑器。
我选择@tailwindcss/typography
了markdown-it来做到这一点,所以这是我的全部依赖项:
包.json
下面的代码是这个功能的组件,包括一个编辑区和一个预览区。但是,它没有用。
当我运行此代码时,它会像这样呈现出来,而无需排版<h1>
标签。
但是,如果我替换md.render(markdown)
(<h1>hello</h1>
markdown-it 的渲染结果),它似乎“工作”,看起来像这样。
编辑器.jsx
为什么会发生这些事情?以及如何使其符合预期?
markdown - 在 vuejs 上自定义 markdown 解析
我在使用 libarymarkdown-it
和 parse markdown-it 时遇到问题。我希望我的 formatText\\my_text\\
可以更改为斜体。基于 markdown-it 当文本想要更改斜体时使用*italicized text*
。\\my_text\\
使用库markdown-it或解析其他多种格式的文本时,如何更改文本的格式我的意思是解析为斜体
vue.js - 在 .use 函数 markdown-it-container 中调用组件
如何在渲染中包含 vue 组件?在我的例子中,vue 组件是 demo-block,我将它全局包含在 main.js 中。
此代码直接打印标签<demo-block>
而不是 vue 组件。
谢谢。
regex - 从字符串正则表达式操作中排除 Markdown 中的 URL/图像
我正在构建一个应用程序,用户在其中突出显示并滚动到他们在搜索栏中写的文章中的单词。文章采用Markdown格式,我使用Markdown-it来呈现文章正文。
它运行良好,除非他们搜索的词是图像 URL 的一部分。它将正则表达式应用于它并图像中断。
如果它是图像 URL,有没有办法排除应用正则表达式?
javascript - 如何使用 vuetify 为 markdown-it-vue 插件启用暗模式
我试图在我的 Vue 应用程序中显示一些文档。由于它们基于 markdown 格式,因此我已经包含了 markdown-it-vue 插件。
但是,该插件不支持 vuetify 暗模式。有什么方法可以支持吗?下面是一个最小的例子。我想以白色突出显示文本,以灰色突出显示表格背景。也许 markdown-it-vue.css 需要更改,但我不知道该怎么做。先感谢您!