27241192af
Co-authored-by: create-issue-branch[bot] <53036503+create-issue-branch[bot]@users.noreply.github.com> Co-authored-by: Adam Matthiesen <30383579+Adammatthiesen@users.noreply.github.com> Co-authored-by: Adam Matthiesen <amatthiesen@outlook.com> |
||
|---|---|---|
| .. | ||
| examples | ||
| lib | ||
| CHANGELOG.md | ||
| LICENSE | ||
| README.md | ||
| index.ts | ||
| package.json | ||
README.md
Astro GhostCMS Content API HTML Processor
NOTE: This package is no longer in use - Please switch to astro-remote
Render remote GhostCMS HTML in Astro with full control over the output.
Powered by ultrahtml.
Rendering Remote Content
The most basic function of astro-ghostcms-rendercontent is to convert a string of HTML to Astro friendly HTML. Use the GhostRender component.
---
import { GhostRender } from "@matthiesenxyz/astro-ghostcms-rendercontent";
---
<GhostRender content={post.html} />
Customization
GhostRender allows full control over the rendering of output. The components option allows you to replace a standard HTML element with a custom component.
---
import { GhostRender } from "@matthiesenxyz/astro-ghostcms-rendercontent";
import Title from '../components/Title.astro';
---
<!-- Render <h1> as custom <Title> component -->
<GhostRender content={post.html} components={{ h1: Title }} />
For examples on how to setup custom components check examples