jake-low / remark-sectionize Goto Github PK

Hi, first of all, thanks for this amazing plugin.

This is not an issue, per se. As this plugin wraps elements into a wrapper section, I thought this is a right place to ask a question on creating similar plugin.

Examples

1

I want to wrap this:

> this is a blockquote
<figcaption></figcaption>

into this:

<figure>
> this is a blockquote
<figcaption></figcaption>
</figure>

2

term

: definition
: definition

into this:

<div>

term

: definition
: definition

</div>

3

term

: definition
: definition


term2

: definition2
: definition2a

into this:

<div>

term

: definition
: definition

</div>

<div>

term2

: definition2
: definition2a

</div>

Currently, https://github.com/Symbitic/remark-plugins/blob/master/packages/remark-deflist/src/index.js this plugin converts term and definition into proper HTML.

<dl>

<dt></dt>
<dd></dd>
<dd></dd>

</dl>

and

<dl>

<dt></dt>
<dd></dd>
<dd></dd>

<dt></dt>
<dd></dd>
<dd></dd>
</dl>

So, basically I want to have a wrapper set for some sibling elements. Can you kindly make one plugin for this or guide as to how to proceed?

Hi!

remark is switching to a new parser internally (micromark, see remarkjs/remark#536 for more info).
From a quick glance at the code, it seems this plugin should be fine. However, it would be good to check that in the future (there is 13.0.0-alpha.0 published now, and one or two more will come before the release)

Using @gridsome/vue-remark, there's a special type called vue-remark:block, which represents script/style tags and does not belong to a section.

I'm getting following error:

scheduler.development.js?3069:171 Uncaught Error: Renderer for type `section` not defined or is not renderable
    at astToReact (ast-to-react.js?515f:34)
    at eval (ast-to-react.js?515f:42)
    at Array.map (<anonymous>)
    at resolveChildren (ast-to-react.js?515f:41)
    at astToReact (ast-to-react.js?515f:38)
    at eval (react-markdown.js?22e8:48)
    at Array.forEach (<anonymous>)
    at ReactMarkdown (react-markdown.js?22e8:47)
    at renderWithHooks (react-dom.development.js?61bb:14985)
    at mountIndeterminateComponent (react-dom.development.js?61bb:17811)

when using this with react-markdown 5.0.3. react-markdown should be compatible with remark plugins as that's what it uses under the hood.