For Astro Remark HTML Directives

This package is a package that is designed to configure Remark Directive in a way that conforms to the HTML standard. It will not allow users to use form or form related tags. They are also not allowed to use the body tag or any tag that is used in the head tag. Since you are using Astro it's simply better to use An Astro component layout for your custom needs.

I have decided to explain the contents of this plugin in the form of documentation

Docs on This Library

Remember you must always call this function to use it

Usage

npm i -D remark-directive @forastro/remark-html-directives 

Default

import remarkHTMLDirectives from "@forastro/remark-html-directives"
 export default defineConfig({
    remarkPlugins:[
        "remark-directive",
        remarkHTMLDirectives()
    ]
 })

Article Mode

import remarkHTMLDirectives from "@forastro/remark-html-directives"
 export default defineConfig({
    remarkPlugins:[
        "remark-directive",
        remarkHTMLDirectives({mode:'article'})
    ]
 })

Page Mode

import remarkHTMLDirectives from "@forastro/remark-html-directives"
 export default defineConfig({
    remarkPlugins:[
        "remark-directive",
        remarkHTMLDirectives({mode:'page'})
    ]
 })

Recommendations

• Please use along with

  • MDX
  • Remark HTML Directive Snippets