# Blockli ## Docs - [Advanced blökkli Adapter: Library, Media, AI, and More](https://docs.blockli.app/api/adapter-advanced.md): Optional adapter methods for advanced blökkli features: reusable library, media library, AI assistant, comments, search, import, and preview grants. - [Block Mutation Methods in the blökkli Adapter Reference](https://docs.blockli.app/api/adapter-blocks.md): Optional adapter methods for block CRUD operations: deleteBlocks, duplicateBlocks, updateOptions, updateFieldValue, and conversion/transform methods. - [Implementing the Seven Required blökkli Adapter Methods](https://docs.blockli.app/api/adapter-required.md): All seven required blökkli adapter methods: loadState, mapState, getAllBundles, getFieldConfig, addNewBlock, moveBlock, and moveMultipleBlocks. - [State and History Adapter Methods in blökkli Reference](https://docs.blockli.app/api/adapter-state.md): Reference for blökkli state adapter methods: getLastChanged, setHistoryIndex, revertAllChanges, publish, takeOwnership, and changeLanguage. - [BlokkliField Vue Component Prop Reference for blökkli](https://docs.blockli.app/api/blokkli-field.md): Complete prop reference for the BlokkliField Vue component. Defines a droppable block region that renders blocks and enables drag-and-drop in the editor. - [BlokkliProvider Vue Component Full Prop Reference Guide](https://docs.blockli.app/api/blokkli-provider.md): Full prop reference for the Vue component. Sets the entity context and editing permissions for a blökkli content area. - [defineBlokkli() — Register and Configure a Block](https://docs.blockli.app/api/define-blokkli.md): API reference for the defineBlokkli() compiler macro. Registers a Vue SFC as a blökkli block, declares its bundle, options, and editor behavior. - [defineBlokkliEditAdapter() — Create the Edit Adapter](https://docs.blockli.app/api/define-blokkli-edit-adapter.md): API reference for defineBlokkliEditAdapter(). Bridges blökkli's editor UI to your backend. Place the adapter at app/blokkli.editAdapter.ts to get started. - [useBlokkli() — Editor State, Events and Utilities](https://docs.blockli.app/api/use-blokkli.md): API reference for the useBlokkli() composable. Access editor state, event bus, and utilities from within custom block or feature components. - [Block Options: Configuring Editor-Controlled Behavior](https://docs.blockli.app/blocks/block-options.md): Add configurable options to blökkli blocks. Options appear in the editor sidebar and let content editors customize each block's appearance and behavior. - [Defining Blocks with the defineBlokkli() Compiler Macro](https://docs.blockli.app/blocks/define-blocks.md): Create Nuxt 3 block components using the defineBlokkli() compiler macro. Register bundle types, declare options, and control editor behavior. - [BlokkliField: Defining Droppable Regions for Blocks](https://docs.blockli.app/blocks/field-component.md): Use the BlokkliField component to define droppable block regions in your Nuxt templates. Pass a list of block data and a field name to the adapter. - [BlokkliProvider: Establishing the Block Editing Context](https://docs.blockli.app/blocks/provider-component.md): Wrap editable content with BlokkliProvider to establish the entity context for blökkli. Controls edit permissions and editor state for child fields. - [Core Concepts: Blocks, Fields, Adapters, and Bundles](https://docs.blockli.app/concepts.md): Understand blökkli's key abstractions: blocks, entities, fields, the adapter interface, and how the editor activates in your Nuxt app. - [Set Up the blökkli Edit Adapter in Your Nuxt Project](https://docs.blockli.app/configuration/adapter.md): Create app/blokkli.editAdapter.ts to bridge blökkli and your backend. Implement seven required methods to load state, resolve bundles, and persist edits. - [Defining and Using Global Block Options in blökkli](https://docs.blockli.app/configuration/global-options.md): Define reusable block options once in nuxt.config.ts and share them across all blökkli block types. Covers all seven option types and opt-in usage. - [Configure the blökkli Nuxt Module in nuxt.config.ts](https://docs.blockli.app/configuration/module.md): Learn how to set up the blökkli Nuxt module: register it in modules, set itemEntityType, and define globalOptions for shared block configuration. - [blökkli Built-in Editor Features: Complete Reference](https://docs.blockli.app/editor/built-in-features.md): A reference of all 40+ built-in features included with blökkli. Learn what each feature does and how to enable, disable, or configure it. - [Editing Content with blökkli: A Step-by-Step Workflow](https://docs.blockli.app/editor/editing-workflow.md): Learn how content editors add, move, configure, and publish blocks in blökkli. Covers drag-and-drop, options, history, and publishing. - [blökkli Editor Keyboard Shortcuts: Complete Reference](https://docs.blockli.app/editor/keyboard-shortcuts.md): Speed up content editing with blökkli keyboard shortcuts. Covers undo, redo, delete, duplicate, multi-select, command palette, and more. - [blökkli Editor: Interface Overview and Feature Set](https://docs.blockli.app/editor/overview.md): Explore the blökkli editor interface: the toolbar, block selection, options panel, and the 40+ built-in features that power the editing experience. - [Connect blökkli to Any Custom Backend](https://docs.blockli.app/integrations/custom-backend.md): Integrate blökkli with any backend — REST API, GraphQL, or custom storage — by implementing the adapter interface. Learn the patterns and data shapes required. - [Integrate blökkli with Drupal via Paragraphs](https://docs.blockli.app/integrations/drupal.md): Connect blökkli to a Drupal backend using the paragraphs_blokkli module. Covers Composer install, paragraph type mapping, and GraphQL adapter setup. - [Introduction to blökkli: Architecture and Key Concepts](https://docs.blockli.app/introduction.md): Learn what blökkli is, how its four-part architecture fits together, and whether it is the right block editor for your Nuxt 3 project. - [Install and Set Up blökkli in Your Nuxt 3 Application](https://docs.blockli.app/quickstart.md): Install blökkli, configure the Nuxt module, create your first adapter and block component, and open the editor — all in under 10 minutes.