How can I render the $page. excerpt to html

[stickmy]

I try to add @md: require('path').resolve('node_modules/vuepress/markdown') in webpack config, then I can use the vuepress md.render to render $page. excerpt, but I failed

[ulivz]

Could you provide reproduced repo?

[stickmy]

@ulivz
repo: https://github.com/Bloss/vuepress-issue-446
At config.js, I try to add @md alias

Then, I try to import vuepress's md.render function at ArticleCard, but I failed

So how can I render the $page.excerpt to html : )

[ulivz]

I don't know why you need to import the lib/markdown. You cannot import it at client side since the internal markdown module depends on chalk which will check for process of node only.

If you want to render $page.excerpt, you can do:

In your markdown:

I am excerpt

<!-- more -->

I am content

In your custom component:

<div v-html="$page.excerpt"></div>

[stickmy]

@ulivz <div v-html="$page.excerpt"></div> render $page.excerpt as raw text(markdown format), but what I need is to render it to html

[tdurieux]

I confirm this behavior, I did not succeed to render the markdown.

[ulivz]

@Bloss why $page.excerpt within v-html will be rendered as raw text? Did you really try?

[ulivz]

FYI:

The markdown text in excerpt range will also be compiled to HTML string.

[tdurieux]

The markdown text in excerpt range will also be compiled to HTML string.

Unfortunately it is not the case, you can see here:

vuepress/lib/prepare.js

Line 227 in 3727153

data.excerpt = frontmatter.excerpt

that the content of excerpt is not compiled to HTML.

[ulivz]

Unfortunately it is not the case

So what's your case? 😅

[tdurieux]

I just told you: that the content of excerpt is not compiled to HTML.

[ulivz]

I have said, you have to try, but I don't think you have tried.

e.g. add following code at your README:

# H1
## H2

- 1
- 2
- 3

<!-- more -->

...

Then add this in your Layout component:

<div v-html="$page.excerpt"></div>

Then you will see:

So, why the content of excerpt is not compiled to HTML?

[ulivz]

@Bloss Sorry, I just made a wrong judgment, it's truly not compiled to HTML...

[ulivz]

Let's continue at #458

[tdurieux]

Surprisingly...

[stickmy]

@ulivz It's ok, Let's continue