We unfortunately introduced a nasty regression in 1.0.3, which rendered the same image for every image in the editor. This release will fix it. https://github.com/getkirby/editor/issues/246

Enhancements

• Improved support for pasted content from Word #227
• Added line breaks to intro block example
• The options menu is now translatable #237
• Updated translations (French, Turkish, German, Czech)

Fixes

• Help text is now correctly shown below the editor #210
• Fixed image loading via filename instead of guid
• Fixed forward deleting #218
• Fixed block splitting bug on enter #233
• Fixed issue with unicode characters #219
• Fixed overlap with "unsaved changes bar" in Safari #182

New Features

• Support for target and title attributes for links #40
• Support for placeholders in the inline editor #192
• Support for R in code blocks #191
• Support for JSON files on import #183

Enhancements

• The editor no longer stores the src for existing files in Kirby #189
• Rename “Turn into” into "Change type" #193
• Updated translations (en, lt, ru)

Fixes

• The search in the image dialog is fixed #201
• The Kirby version requirement check is now properly working
• Fixed import of existing images #186

• Added the installation guide to the README including the composer installation
• Paragraphs are split correctly on import when they have nested block elements #169
• The right block is focused when the options menu is opened #165
• Fixed typos in the example READMEs
• Fixed settings menus on hover #155
• Links in paragraphs are now exported to proper markdown #152
• New $page->text()->blocks()->excerpt(140) method #159
• Added PR and issue templates
• Added license information to the README #153
• The Kirby version comparison is now working as expected

This is the first official version of the new Kirby Editor ?

Kirby Editor is a new visual writing and layout field for Kirby. Compose long-form text with consistent inline styles. Add images, videos, quotes and more. Bring your own block types and always rest assured that the output will be valid, customizable HTML.

Features

Block types

Use the Editor's block types to create your content:

• Code
• Heading 1
• Heading 2
• Heading 3
• Image
• KirbyText
• Line
• Numbered List
• Quote
• Text
• Unordered List
• Video

You need more? Create your own block type extensions to integrate the Editor into your projects seamlessly.

Markdown shortcuts

Writing your articles and copy always feels natural in the Editor. Use markdown shortcuts such as #, -, **** and more to add new blocks without ever leaving your keyboard.

Drag & Drop sorting of blocks

Use the intuitive drag & drop interface to rearrange blocks.

Customizable HTML

The HTML of each block can be fine-tuned and customized. Create your own block snippets and use Kirby's familiar template engine to create the markup you are looking for.

HTML & Markdown import

Import HTML & Markdown or paste content directly into the Editor to create new blocks. The smart parser of the Editor will always give you clean structured data for even the worst HTML (We are looking at you, Word)

Documentation

https://github.com/getkirby/editor/wiki

It's beta time ?

This is the first beta release for the editor. Please help us get it as stable as possible. Report any issues here: https://github.com/getkirby/editor/issues

Translations

Thanks to our amazing translators, we already have 9 translations for this plugin. We are very happy about any PRs with additional language files. You can find all the other translations over here: https://github.com/getkirby/editor/tree/master/i18n Always start with the English file as a reference.

Changes since the last alpha:

• More translations
• Unified styling for placeholders
• The first block is now always selected by default if nothing else is selected
• Code blocks are now parsed more reliably when imported from KirbyText or pasted. The code language is now also detected.
• Image import from KirbyText is now improved and image blocks can have images from outside of Kirby
• Fixed margin for the first block

Please see the other alpha releases for the full list of changes since this project started.

• First set of block translations (de)
• Blocks can now register their own options for the block dropdown (see video and image blocks)
• Fixed empty image block bug (#47)
• Fixed code styles in all blocks
• Improved styling of the video block
• Fixed video block rendering when the video URL is not correct
• New CSS selector setting for video blocks
• New Caption editing for video blocks
• New Block::isEmpty method, which can be used to remove empty blocks when rendering them to HTML

<?= $page->text()->blocks()->filterBy('isEmpty', false) ?>

• Configurable heading levels
• New KirbyText block
• The type attribute does no longer needs to be passed to block extensions.
• Support for HTML elements in code blocks
• Fixed pasting content into code blocks
• Fixed closing the option dropdown when clicking inside a block
• The editor now sanitizes broken block types and automatically converts them to paragraphs.

• Block models
• Extended table block example
• Fixed bug when no content is available yet
• Duplicating blocks no longer leads to duplicated IDs
• Image uploads and better image settings

• Better option dropdown to improve the experience when adding or converting blocks
• New block examples
  • info
  • table
• Auto-import of content from textareas
• Option to allow only specific block types

editor: 
  type: editor: 
  allowed: 
    - h1
    - paragraph
    - image

• Auto-IDs for H1 headings
• Bold format for blockquotes
• WYSIWYG captions for images
• Link option for images
• Added SCSS to the list of available languages in the code block
• You can now duplicate a block with CMD+d
• You can now open the link dialog with CMD+k
• Blocks are now a proper collection of Block objects, which adds a lot more flexibility to work with them in templates.
• New plugin interface, which makes it possible to extend existing block types easily.

editor.block("intro", {
  extends: "paragraph"
  ...
});

Check out the block examples for more details.