Inspiration
We're big fans of Jamstack and love the versatility of Airtable. This idea came from us wanting to expand Airtable's ease of use as a Content Management System (CMS). We typically produce content in Markdown, so it's highly convenient to pull Markdown out of Airtable and into its next home (like a blog post).
What it does
This previewer shows a formatted output of HTML or Markdown. This makes it easier to preview a cell and make sure the contents are properly marked up (or down), plus it's a bit easier to read a long piece of text.
How we built it
The block is an expansion of the URL previewer making use of Remark and Remark-HTML to output formatted text.
Challenges we ran into
One little nitpick we have comes from the Rich Text column type and its checkboxes. Due to how the column type outputs data, we haven't managed to make it preserve the first line break between a string of text and the first checkbox item.
Accomplishments that we're proud of
We can proofread Markdown!!
What we learned
How to use React. This is our first time building something in React instead of just adjusting it from existing work. We're looking forward to making additional Blocks for our workflow and pass on any good ones to the community!
What's next for Marked Preview
We'd love to expand this to support more column types, lookup fields, and perhaps let a user import minimal custom CSS.
Built With
- airtable
- react
- remark
- typescript
Log in or sign up for Devpost to join the conversation.