问题标签 [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.
javascript - FCC Markdown Previewer 项目在负载测试中失败
我正在尝试通过一个 Freecodecamp 项目。该项目是一个降价预览器,您可以在其中在文本区域中输入代码并将其呈现在网页上。除了两个之外,我所有的测试都通过了。它应该在加载时预览文本并且确实如此,但是它会重新渲染,我不确定为什么。有人可以看看并告诉我我做错了什么。我将有一个指向我的 CodePen 的链接。我有两个未通过相同测试的解决方案。一个带有 react-hooks,一个带有类组件。我正在为 html 解析器使用标记。谢谢!
我几乎确信它与 textarea 的组件有关,因为这是失败的测试之一,但我可以发现它有任何问题。
这是文本编辑器组件:
以下是占位符为 html 字符串的状态:
javascript - 如何将在线模块/库添加到我的 React 文件中?
加载模板后,我正在使用 React on VS Code
npx 创建反应应用程序
我正在尝试添加标记为 2.1.3的 CDN
但我不知道把它放在哪里。通常我会使用常规的 html、css、JavaScript
到头部或身体标签
但是使用 React,添加时它不起作用
vue.js - 没有在 Nuxt + Vue 项目中加载 Markdown 样式
我正在开发一个 Vue + Nuxt + Tailwind 项目,并使用标记库将文本转换为降价。
问题是“标题”和“链接”等一些样式可以正确加载,而“粗体”、“斜体”等一些基本样式可以正常加载。
例如:
- 当我使用“*hello* world”时,它会转换为“ hello world”。
- 当我使用“# hello world”时,它不会增加文本的大小。
- 当我使用“[google]( https://google.com )”时,它会创建一个链接,但该链接不是蓝色的。
不知道这里有什么问题。如果需要更多详细信息,请告诉我。
reactjs - ReferenceError:找不到变量:标记
我在 Codepen.io 中使用 React 和 Marked 作为降价预览器。这是我的项目和 JavaScript 代码的链接:
https://codepen.io/lengvarskyj/pen/bGrrqeg
实际上,我已经完美地运行了它,然后突然间我开始收到此错误消息。看起来 Markdown 并没有选择“标记”(第 40 行),即使它最初是。您可以删除此行以查看项目的外观。
任何帮助,将不胜感激!
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 不是函数
markdown - Markdown 文件的客户端渲染
可以遵循Marked 库文档并内联呈现 Markdown 字符串。这是一个有效的代码片段。
有没有办法将文件传递给marked.parse
函数或通过任何其他客户端 Markdown 渲染库并渲染整个文件而不仅仅是一个字符串?我研究了获取降价文件并将其作为字符串传递。但是,我找不到直接的方法。
该文件与此 HTML 文件位于同一文件夹中,并将使用 GitHub Pages 从 GitHub 提供。但是,如果需要,我可以使用来自 CDN 的绝对链接。我将如何将内容传递给marked.parse()
?marked.parse(Hello.md)
没用。
javascript - 如何使 Marked.parse 在段落上工作?
如何在我的免费代码营挑战中使用标记库?
我看到很多人使用带有危险SetInnerHTML 的DIV 来使用marked.parse(text),但是为什么呢?
我正在使用带有 JSX {this.state.input} 的段落。
以下段落行不起作用。它按字面意思呈现“marked.parse(无论我在 textarea 中写什么)”
我的代码:
javascript - 如何在 Vue3 项目中使用标记插件?
我尝试在我的 Vue.js 应用程序中使用标记插件。安装了marked@4.0.8,编译没问题。但在浏览器中,显示任何内容。我用 vite 做 Vue 项目。另外,我提到了这个网站。
所以我的测试代码就是这样。
和这样的浏览器控制台中的错误代码。
如何在 Vue.js 项目中正确使用标记?请问有人给我建议吗?
react-hooks - 标记不是函数
我正在尝试使用 react 和标记的节点包构建降价预览器。当我尝试解析 DOM 上的任何降价时,一切正常。当我这样做时,我收到一条错误消息:未捕获的 TypeError:标记的不是函数。
我在文件顶部标记了声明,如下所示:
我也尝试像这样声明标记:
但这似乎并没有什么不同。
这是我的代码配置:
我也试过:
和
但是,我在这些尝试中也收到了类似的错误消息,只是在这些情况下,消息说 .Parser、.parse、.parser 等不是函数。
如果您需要查看更多代码,请告诉我。
我无法在任何谷歌搜索中找到解决方案。我可能错过了一些东西。
任何帮助将不胜感激。
先感谢您。
javascript - 将 Markdown 链接的 .md 转换为 .html
我正在使用标记的 cli将我的降价文件转换为 html 文件。
我想将超链接的降价文件(.md)转换为(.html)
电流输出:
预期输出:
是否有任何选项可以获得所需的输出。如果有一个选项,我可以将标记的库与 JavaScript 一起使用。