معرفی شرکت ها
markdown-it-prism-2.3.0
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشتر
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشتر
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشتر
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشتر
تبلیغات ما
مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.
مشاهده بیشترتوضیحات
Highlights code blocks in markdown-it using Prism.
| ویژگی | مقدار |
|---|---|
| سیستم عامل | - |
| نام فایل | markdown-it-prism-2.3.0 |
| نام | markdown-it-prism |
| نسخه کتابخانه | 2.3.0 |
| نگهدارنده | ['jgleitz'] |
| ایمیل نگهدارنده | ['npm@joshuagleitze.de'] |
| نویسنده | Joshua Gleitze |
| ایمیل نویسنده | - |
| آدرس صفحه اصلی | git+https://github.com/jGleitz/markdown-it-prism.git |
| آدرس اینترنتی | https://github.com/jGleitz/markdown-it-prism |
| مجوز | MIT |
# markdown-it-prism [](https://travis-ci.org/jGleitz/markdown-it-prism) [](https://badge.fury.io/js/markdown-it-prism) [](https://badge.fury.io/bo/markdown-it-prism)
> [markdown-it](https://github.com/markdown-it/markdown-it) plugin to highlight code blocks using [Prism](http://prismjs.com/)
## Usage
```js
const md = require('markdown-it')();
const prism = require('markdown-it-prism');
md.use(prism, options);
```
The plugin will insert the necessary markup into all code blocks. [Include one of Prism’s stylesheets](http://prismjs.com/#basic-usage) in
your HTML to get highlighted code.
### Options
The `options` object may contain:
| Name | Description | Default |
|---------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------|
| `highlightInlineCode` | Whether to highlight inline code. | `false` |
| `plugins` | Array of [Prism Plugins](http://prismjs.com/#plugins) to load. The names to use can be found [here](https://github.com/PrismJS/prism/tree/master/plugins). Please note that some prism plugins (notably line-numbers) rely on the DOM being present and can thus not be used with this package (see [#1](https://github.com/jGleitz/markdown-it-prism/issues/1)). | `[]` |
| `init` | A function called after setting up prism. Will receive the prism instance as only argument. Useful for plugins needing further intialisation. | `() => {}` |
| `defaultLanguageForUnknown` | The language to use for code blocks that specify a language that Prism does not know. No default will be used if this option is `undefined`. | `undefined` |
| `defaultLanguageForUnspecified` | The language to use for code block that do not specify a language. No default will be used if this option is `undefined`. | `undefined` |
| `defaultLanguage` | Shorthand to set both `defaultLanguageForUnknown` and `defaultLanguageForUnspecified` to the same value. | `undefined` |
### Inline Code
When `highlightInlineCode` is set, inline code will be highlighted just like fenced code blocks are.
To specifiy the language of inline code, add `{language=<your-language>}` after the code segment:
```markdown
`class Demo { };`{language=cpp}
```
This syntax is compatible with [markdown-it-attrs](https://github.com/arve0/markdown-it-attrs):
The `language=<x>` part will be stripped, but everything else between `{` and `}` will work
with [markdown-it-attrs](https://github.com/arve0/markdown-it-attrs) as usual.
## Usage with Webpack
If you want to use this plugin together with [Webpack](https://webpack.js.org/), you need to import all languages you intend to use:
```javascript
import MarkdownIt from 'markdown-it';
import prism from 'markdown-it-prism';
import "prismjs/components/prism-clike"
import "prismjs/components/prism-java"
function component() {
const md = new MarkdownIt();
md.use(prism);
const element = document.createElement('div');
element.innerHTML = md.render(`
Here is some *code*:
\`\`\`java
public class Test {
public void foo() {}
}
\`\`\`
`);
return element;
}
document.body.appendChild(component());
```
*Beware*: Prisms languages have dependencies onto each other. You need to import the languages together with their dependencies in the
correct order.
نیازمندی
| مقدار | نام |
|---|---|
| 1.29.0 | prismjs |
زبان مورد نیاز
| مقدار | نام |
|---|---|
| 16.17.0 | Npm |
نحوه نصب
نصب پکیج tgz markdown-it-prism-2.3.0:
npm install markdown-it-prism-2.3.0.tgz