Overview

blökkli is an interactive page editor designed for Nuxt applications. It offers a smooth drag-and-drop interface, dynamic block appearance options, inline text editing, multilanguage support, nested blocks, restrictions, clipboard integration, and more. One of its key strengths is the seamless integration with Nuxt applications, allowing for easy creation and customization of block components.

Features

• Smooth drag and drop editing
• True WYSIWYG
• Dynamic options for block appearance
• Inline text editing (plain or rich text)
• Multilanguage support (UI and content)
• Nested blocks for various structures
• Restrictions such as allowed block types and cardinality
• Clipboard integration for text, images, links, and block copying

Installation

To install blökkli in your Nuxt application, follow these steps:

1. Install the blökkli package via npm:

   npm install @dulnan/blok
   

2. Import the blökkli styles in your main CSS file:

   <link rel="stylesheet" href="/path/to/node_modules/@dulnan/blok/dist/blok.css">
   

3. Create a blökkli instance in your Nuxt component:

   import { Blok } from '@dulnan/blok'
   
   export default {
       components: {
           Blok
       }
   }
   

4. Start using blökkli within your Nuxt templates.

Summary

blökkli is a versatile page editor that enhances content editing in Nuxt applications with its user-friendly interface and seamless integration capabilities. With features like true WYSIWYG editing, dynamic block appearance options, and multilanguage support, blökkli simplifies the process of creating and customizing content blocks. Built with a focus on integration with Nuxt applications, blökkli offers a powerful tool for developers and content creators to efficiently manage and edit website content.