skills.rest
sinfin
sinfinOFFICIAL
Explore all skills by this author →
WebsiteGitHub

folio-tiptap-node

Generate and configure Folio Tiptap custom nodes with test files and i18n support.

10|2|Updated Jul 10, 2017
Search Tags:#content management#custom node#tiptap#ruby on rails#folio
One-click install
npx skills add https://github.com/sinfin/folio --skill folio-tiptap-node
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: folio-tiptap-node
Source: https://github.com/sinfin/folio/tree/main/.skills/folio-tiptap-node
Command: npx skills add https://github.com/sinfin/folio --skill folio-tiptap-node

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The development of custom Tiptap block-editor nodes in Folio can be complex and time-consuming. This skill provides a framework for easily creating, configuring, and integrating custom Tiptap nodes into Folio.

Core Features & Use Cases

  • Automated Node Creation: Generates the complete file structure for a new Tiptap node with minimal configuration.
  • Configurable Node Structure: Allows the definition of the node model and view component with ease.
  • Integrated Testing: Provides component testing capabilities out-of-the-box.
  • Use Case: Adding a new text formatting block to the Folio editor, such as a monospaced text or highlighted code block.

Quick Start

Generate a new Tiptap node for a code block:

rails generate folio:tiptap:node code/monospaced

Frequently Asked Questions about folio-tiptap-node

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create custom Tiptap nodes in a Ruby on Rails application?▼

Creating custom Tiptap nodes in Ruby on Rails involves defining a structured node model and view component. This skill automates generating that complete file structure for the Folio editor.

What is the best way to add a new content block to the Folio Tiptap editor?▼

Adding a new content block to the Folio Tiptap editor requires configuring a node model and view component. This skill generates these files along with test coverage and i18n support.

Does the Folio Tiptap node generator include test files for custom nodes?▼

Yes, the Folio Tiptap node generator includes test files out of the box. It provides component testing capabilities alongside the generated node model and view component structure.

Can I use custom Tiptap nodes with Ruby on Rails i18n support?▼

Yes, custom Tiptap nodes generated for Folio include built-in i18n support. The generated file structure integrates internationalization directly with the node model and view component.

How do I generate a monospaced text block for the Folio editor?▼

You can generate a monospaced text block for the Folio editor by running a Rails generator command with a descriptive path argument. This produces the complete node file structure automatically.

What prerequisites do I need to extend the Folio editor with Tiptap nodes?▼

Extending the Folio editor with Tiptap nodes requires a Ruby on Rails environment with the Folio gem installed. The skill is specifically designed for Rails developers integrated with Folio.

Related Skills

Explore More Software Engineering Skills→
sinfinsinfin
10

folio-testing

Provide Ruby/Rails testing guidelines for the Folio CMS.

Official
Advanced
lildibbblildibbb

tiptap-editor

Document Tiptap editor API patterns for commands, node traversal, selection handling, and format operations.

Community
Advanced
newstlernewstler
20

hotwire-patterns

Apply Turbo and Stimulus patterns to Rails CRUD views for interactive interfaces.

Community
Intermediate
StevenWXYStevenWXY

tiptap-wysiwyg-editor

Integrates and extends Tiptap v2 WYSIWYG editor in React apps with ProseMirror extensions and markdown bidirectional conversion.

Community
Advanced