问题标签 [javascript-marked]

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.

0 投票
1 回答
117 浏览

javascript - FCC Markdown Previewer 项目在负载测试中失败

我正在尝试通过一个 Freecodecamp 项目。该项目是一个降价预览器,您可以在其中在文本区域中输入代码并将其呈现在网页上。除了两个之外,我所有的测试都通过了。它应该在加载时预览文本并且确实如此,但是它会重新渲染,我不确定为什么。有人可以看看并告诉我我做错了什么。我将有一个指向我的 CodePen 的链接。我有两个未通过相同测试的解决方案。一个带有 react-hooks,一个带有类组件。我正在为 html 解析器使用标记。谢谢!

我几乎确信它与 textarea 的组件有关,因为这是失败的测试之一,但我可以发现它有任何问题。

这是文本编辑器组件:

以下是占位符为 html 字符串的状态:

CodePenLink

0 投票
0 回答
17 浏览

javascript - 如何将在线模块/库添加到我的 React 文件中?

加载模板后,我正在使用 React on VS Code

npx 创建反应应用程序

我正在尝试添加标记为 2.1.3的 CDN

但我不知道把它放在哪里。通常我会使用常规的 html、css、JavaScript

到头部或身体标签

但是使用 React,添加时它不起作用

0 投票
2 回答
120 浏览

vue.js - 没有在 Nuxt + Vue 项目中加载 Markdown 样式

我正在开发一个 Vue + Nuxt + Tailwind 项目,并使用标记库将文本转换为降价。

问题是“标题”和“链接”等一些样式可以正确加载,而“粗体”、“斜体”等一些基本样式可以正常加载。

例如:

  • 当我使用“*hello* world”时,它会转换为“ hello world”。
  • 当我使用“# hello world”时,它不会增加文本的大小。
  • 当我使用“[google]( https://google.com )”时,它会创建一个链接,但该链接不是蓝色的。

不知道这里有什么问题。如果需要更多详细信息,请告诉我。

0 投票
1 回答
64 浏览

reactjs - ReferenceError:找不到变量:标记

我在 Codepen.io 中使用 React 和 Marked 作为降价预览器。这是我的项目和 JavaScript 代码的链接:

https://codepen.io/lengvarskyj/pen/bGrrqeg

实际上,我已经完美地运行了它,然后突然间我开始收到此错误消息。看起来 Markdown 并没有选择“标记”(第 40 行),即使它最初是。您可以删除此行以查看项目的外观。

任何帮助,将不胜感激!

0 投票
2 回答
91 浏览

reactjs - 使用标记库 - TypeError: mapped.parse is not a function

我正在 JS 中构建一个简单的降价预览器

我有:

  • 通过在 app 文件夹中运行来安装库npm i marked(我仔细检查了 nodes_package 文件夹,并且确实创建了一个标记的文件夹)

  • 添加import marked from "marked"在我的App.js文件顶部

  • 根据标记文档的“高级”部分中的建议,使用该marked.parse(string)功能

当我尝试运行该应用程序时,我得到:

类型错误:marked.parse 不是函数

0 投票
1 回答
134 浏览

markdown - Markdown 文件的客户端渲染

可以遵循Marked 库文档并内联呈现 Markdown 字符串。这是一个有效的代码片段。

有没有办法将文件传递给marked.parse函数或通过任何其他客户端 Markdown 渲染库并渲染整个文件而不仅仅是一个字符串?我研究了获取降价文件并将其作为字符串传递。但是,我找不到直接的方法

该文件与此 HTML 文件位于同一文件夹中,并将使用 GitHub Pages 从 GitHub 提供。但是,如果需要,我可以使用来自 CDN 的绝对链接。我将如何将内容传递给marked.parse()marked.parse(Hello.md)没用。

0 投票
0 回答
22 浏览

javascript - 如何使 Marked.parse 在段落上工作?

如何在我的免费代码营挑战中使用标记库?

我看到很多人使用带有危险SetInnerHTML 的DIV 来使用marked.parse(text),但是为什么呢?

我正在使用带有 JSX {this.state.input} 的段落。

以下段落行不起作用。它按字面意思呈现“marked.parse(无论我在 textarea 中写什么)”

我的代码:

0 投票
0 回答
88 浏览

javascript - 如何在 Vue3 项目中使用标记插件?

我尝试在我的 Vue.js 应用程序中使用标记插件。安装了marked@4.0.8,编译没问题。但在浏览器中,显示任何内容。我用 vite 做 Vue 项目。另外,我提到了这个网站。

所以我的测试代码就是这样。

和这样的浏览器控制台中的错误代码。

如何在 Vue.js 项目中正确使用标记?请问有人给我建议吗?

0 投票
1 回答
557 浏览

react-hooks - 标记不是函数

我正在尝试使用 react 和标记的节点包构建降价预览器。当我尝试解析 DOM 上的任何降价时,一切正常。当我这样做时,我收到一条错误消息:未捕获的 TypeError:标记的不是函数。

我在文件顶部标记了声明,如下所示:

我也尝试像这样声明标记:

但这似乎并没有什么不同。

这是我的代码配置:

我也试过:

但是,我在这些尝试中也收到了类似的错误消息,只是在这些情况下,消息说 .Parser、.parse、.parser 等不是函数。

如果您需要查看更多代码,请告诉我。

我无法在任何谷歌搜索中找到解决方案。我可能错过了一些东西。

任何帮助将不胜感激。

先感谢您。

0 投票
1 回答
40 浏览

javascript - 将 Markdown 链接的 .md 转换为 .html

我正在使用标记的 cli将我的降价文件转换为 html 文件。

我想将超链接的降价文件(.md)转换为(.html)

电流输出:

预期输出:

是否有任何选项可以获得所需的输出。如果有一个选项,我可以将标记的库与 JavaScript 一起使用。