# ✨ Koenig Editor - Beta Release

**URL:** <https://forum.ghost.org/t/koenig-editor-beta-release/1284>\
**Category:** News\
**Created:** [May 17, 2018, 10:49am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284 "2018-05-17T10:49:28Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [May 28, 2018, 5:00pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/22 "2018-05-28T17:00:11Z")

</div>

> [@dsecareanu](#):
>
> Just another quick idea, if not already covered someplace else:
> 
> - maybe add a label for the code block as well (similar to html/markdown, as seen below)
> - I would say add a label for image block too, but that’s kind of obvious (as is the divider)

@dsecareanut the reason HTML and Markdown have labels next to them is that the rendered content could look like anything - normal rich-text, code blocks, images, etc and so needs differentiating to show that the individual elements you see are all contained within a single card.

A code card on the other hand will only ever look like a code block, there’s no other way you can have an element with that styling unless it’s contained within a Markdown or HTML card (in the same vein as images and dividers).

That general design principle will continue as further cards are added - if the rendered output of a card can have multiple elements or look like standard rich-text then it will have a label to indicate all of those elements are contained within a single card. However, for cards whose rendered output is a single element and has distinct styling/functionality then it won’t have a label.

---

<div class="post-metadata">

**Author:** ![dsecareanu](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/dsecareanu/32/413_2.png) [@dsecareanu](https://forum.ghost.org/u/dsecareanu)\
**Post date:** [May 28, 2018, 5:13pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/23 "2018-05-28T17:13:45Z")

</div>

Ok, got it, thanks for clearing it out! 🙂

---

<div class="post-metadata">

**Author:** ![themeix](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/themeix/32/4472_2.png) [@themeix](https://forum.ghost.org/u/themeix)\
**Post date:** [May 28, 2018, 7:14pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/24 "2018-05-28T19:14:01Z")

</div>

Awesome addition… Now it will be more easy to post article by using that Editor

---

<div class="post-metadata">

**Author:** ![novaugust](https://avatars.discourse-cdn.com/v4/letter/n/b782af/32.png) [@novaugust](https://forum.ghost.org/u/novaugust)\
**Post date:** [May 28, 2018, 9:21pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/25 "2018-05-28T21:21:57Z")

</div>

Looks like we are losing multiple image drag-n-drop with Koenig eh?

---

<div class="post-metadata">

**Author:** ![paopevil](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/paopevil/32/533_2.png) [@paopevil](https://forum.ghost.org/u/paopevil)\
**Post date:** [May 29, 2018, 8:12am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/26 "2018-05-29T08:12:02Z")

</div>

I liked Koenig Editor, but it has some problems:

- When I use Night shift skin for Dashboard, the Editor is hard to see. From image:  
 ![com](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/1X/9e6c7bb44db1f63803b237c54a577b6bea62048b.jpg)  
Contrast makes me hard to see.

- And, Koenig Editor don’t show Word Count. This is a feature I like very much in the Markdown Editor.

Finally I like Koenig Editor, using it like used WYSIWYG Editor of Wordpress but much simple.

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [May 29, 2018, 8:24am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/27 "2018-05-29T08:24:57Z")

</div>

> [@novaugust](#):
>
> Looks like we are losing multiple image drag-n-drop with Koenig eh?

@novaugust Not at all, it’s just not implemented in the beta yet. You can see what’s planned for the RC in the [RC issue](https://github.com/TryGhost/Ghost/issues/9623) linked in the OP:

> [@paopevil](#):
>
> - When I use Night shift skin for Dashboard, the Editor is hard to see
> - And, Koenig Editor don’t show Word Count

@paopevil both of these are mentioned in the [RC issue](https://github.com/TryGhost/Ghost/issues/9623) as planned but not implemented yet.

* * *

To anyone reporting issues or missing features, please read the “Reporting issues” section in the OP and run through the checklist before posting so that we can avoid duplication and can properly diagnose bugs without too much back and forth 🙂

> [@Kevin](#):
>
> Please **do not open Github issues** but rather _reply to this topic_ so that we can avoid noise on Github. Here’s a quick checklist to run through when reporting anything:
> 
> - check the [Release Candidate issue](https://github.com/TryGhost/Ghost/issues/9623) first to see if it’s a known problem or something that simply hasn’t been implemented yet
> - check the dev tools console for errors — dev tools can be opened on most browsers by right-clicking the page and choosing “Inspect” or “Inspect element” — and ensure you include them in your post, screenshots are usually preferable to copy/paste
> - include as many detailed reproduction steps as you can
> - be sure to mention which browser, browser version, and operating system you are using

---

<div class="post-metadata">

**Author:** ![angristan](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/angristan/32/12174_2.png) [@angristan](https://forum.ghost.org/u/angristan)\
**Post date:** [May 29, 2018, 10:12am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/28 "2018-05-29T10:12:56Z")

</div>

> [@Kevin](#):
>
> @angristan that definitely shouldn’t be happening. Does this happen for you all the time?

No it doesn’t. I didn’t find how to reproduce it yet.

> [@Kevin](#):
>
> @angristan and anyone else reporting issues, please read the [known issues list](https://github.com/TryGhost/Ghost/issues/9623) before posting so that we can avoid duplication here, thanks

Sorry and thanks 👍

> [@Kevin](#):
>
> @angristan did you check the DevTools console for any errors? If you’re reporting bugs _please_ follow the instructions in the OP, it’s difficult if not impossible for us to diagnose things with just a “doesn’t work” message.

There is no error in the console. I also have the issue in Firefox.

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [May 29, 2018, 3:48pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/29 "2018-05-29T15:48:55Z")

</div>

[1.23.1](https://github.com/TryGhost/Ghost/releases/tag/1.23.1) has just been released with the next iteration of the Koenig beta. Main updates:

- ✨ Create image cards when pasting image files. Browser support for this varies due to differing security implementations:
  - Chrome: only the 1st image will be pasted if multiple images are pasted
  - Safari: all images will be pasted
  - Firefox: no support
  - Edge: not tested (please let us know if you try it)

- ✨ Keep cursor on screen when typing or moving via keyboard
- ✨ Allow `> ` expansion to convert existing text to blockquotes
- 🎨 Ease removal of formatting on first section
- 🎨 Exit edit mode of a card when clicking outside the card
- 🐛 Fixed creation of unnecessary undo states
- 🐛 Fixed pasting content into a container card (HTML, markdown, code)

Self-hosters can upgrade via `ghost update` ([1.8.0 of Ghost-CLI](https://github.com/TryGhost/Ghost-CLI/releases/tag/1.8.0) was released earlier, it’s worth updating that too whilst you’re there 😄)

Ghost(pro) blogs will be updated in the next few days.

---

<div class="post-metadata">

**Author:** ![bartt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/bartt/32/20639_2.png) [@bartt](https://forum.ghost.org/u/bartt)\
**Post date:** [May 29, 2018, 9:06pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/30 "2018-05-29T21:06:32Z")

</div>

Lot’s of problems so far.

- A Markdown card consisting solely of `![alt](url#reduced)` was converted to a Markdown card I couldn’t edit. I would like to be able to access the raw markdown of a Markdown card to be able to a) edit URLs to images already uploaded to the site, b) use tricks such as `#reduced` to trigger different styling and c) add a title to images.
- I added an Image card, uploaded an image that was larger than the webserver allowed and received no indication that the image wasn’t saved. (There was a 403 error in the developer console.) It appeared to work in the editor (which uses a data URI), yet the image wouldn’t load in the preview (because it was never saved).
- I couldn’t delete the Image card. Again it appeared to work but then on page reload, the image card was back. And while I _could_ delete the contents of Markdown cards, I ended up with several empty Markdown cards that couldn’t be removed.
- I’d turned off the Koenig editor but each time I opened the page converted to the Koenig format, I wouldn’t be able to navigate to any of the other Admin sections. I would be stuck on the page I was editing. The URL changes in the address bar but the page wouldn’t update until I reloaded the page.

I tested version 1.23.0 in Firefox 52.6.0 (64-bit)

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [May 29, 2018, 9:40pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/31 "2018-05-29T21:40:04Z")

</div>

> [@bartt](#):
>
> I tested version 1.23.0 in Firefox 52.6.0 (64-bit)

@bartt it’s late here so I’ll address your issues tomorrow morning, however in the meantime are you able to re-test in a supported browser version? If you continue to experience the issues please provide any logs from the developer tools console, from the description of your issues it sounds like there would have been some.

The supported browser list was in the OP:

> [@Kevin](#):
>
> Unsupported or supported with known issues:
> 
> - **IE 11** - not supported
> - **Edge 16** - supported but markdown paste will not work
> - **Mobile browsers** - not supported - they may work but it’s not been tested and is not currently a focus area for development
> 
> Supported:
> 
> - Chrome 65/66
> - Safari 11.0/11.1
> - Firefox 59/60
> - Edge 17

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [May 29, 2018, 9:41pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/32 "2018-05-29T21:41:41Z")

</div>

Also, I definitely recommended upgrading to 1.23.1 - it contains an important bug fix to do with undo states that cleans up quite a few potential issues.

---

<div class="post-metadata">

**Author:** ![bartt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/bartt/32/20639_2.png) [@bartt](https://forum.ghost.org/u/bartt)\
**Post date:** [May 29, 2018, 10:03pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/33 "2018-05-29T22:03:35Z")

</div>

Thanks for the response @Kevin. Now get some sleep. I’ll upgrade as soon as the docker image is available. Probably tomorrow. 1.23.0 was the latest version available earlier today.

Then I’ll do some more testing from my MacBook with supported browsers.

---

<div class="post-metadata">

**Author:** ![javorszky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/javorszky/32/748_2.png) [@javorszky](https://forum.ghost.org/u/javorszky)\
**Post date:** [June 4, 2018, 9:57am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/34 "2018-06-04T09:57:57Z")

</div>

Few feedbacks:

Copying text with ticks in them won’t carry through to markdown: [https://j7y.co/s1RI](https://j7y.co/s1RI)

Occasionally the backspace deletes entire words. Reloading the page fixes it. See gif on [https://j7y.co/s12J](https://j7y.co/s12J)

I can only put 2 links in a new post. Though, so had to split these into two things.

---

<div class="post-metadata">

**Author:** ![javorszky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/javorszky/32/748_2.png) [@javorszky](https://forum.ghost.org/u/javorszky)\
**Post date:** [June 4, 2018, 9:58am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/35 "2018-06-04T09:58:30Z")

</div>

second part, once the “lol you’re too fast” lets me

The text area usually converts markdown-style links to links, but if I’m adding a link to existing text, that doesn’t happen, unless I trigger it with a closing “)”: [http://j7y.co/s1h8](http://j7y.co/s1h8)

I can’t drag and drop images into the Koenig image block (I really liked that previously with the area I got with `![]()`)

---

<div class="post-metadata">

**Author:** ![M\_Ordinateur](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/m_ordinateur/32/756_2.png) [@M\_Ordinateur](https://forum.ghost.org/u/M_Ordinateur)\
**Post date:** [June 5, 2018, 9:58am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/36 "2018-06-05T09:58:59Z")

</div>

> [@javorszky](#):
>
> Occasionally the backspace deletes entire words

The same thing happens on Firefox 60.0.1 (64 bits), Win 10 and Ghost(pro) 1.23.1.

The editor randomly goes on a deleting spree, and the backspace erases whole words instead of character by character. No error present in the dev tool console.

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [June 5, 2018, 11:02am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/37 "2018-06-05T11:02:55Z")

</div>

> [@javorszky](#):
>
> Copying text with ticks in them won’t carry through to markdown: [https://j7y.co/s1RI](https://j7y.co/s1RI)

That’s expected. Genuine question: why were you expecting ticks to appear when copying rich-text from one editor to another?

> [@javorszky](#):
>
> The text area usually converts markdown-style links to links, but if I’m adding a link to existing text, that doesn’t happen, unless I trigger it with a closing “)”: [http://j7y.co/s1h8](http://j7y.co/s1h8)

This is also expected. Text expansions always trigger on the last character, the screen cap you proved is showing the `[example]()` text being added first (not valid MD so it doesn’t expand) before going back to fill in the URL.

> [@javorszky](#):
>
> I can’t drag and drop images into the Koenig image block

This is already in the RC list. It’s planned but not implemented yet as indicated by the missing ☑

However, 1.23.2 will be released today which has image card creation via drag and drop of image files onto the editor. No need to create an image card then drag an image file onto it.

> [@javorszky](#):
>
> Occasionally the backspace deletes entire words. Reloading the page fixes it.

> [@M\_Ordinateur](#):
>
> The editor randomly goes on a deleting spree, and the backspace erases whole words instead of character by character

That’s not good 😟 I haven’t seen this behaviour myself so far. What were you doing in the editor before the backspace went all screwy?

---

<div class="post-metadata">

**Author:** ![javorszky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/javorszky/32/748_2.png) [@javorszky](https://forum.ghost.org/u/javorszky)\
**Post date:** [June 5, 2018, 11:17am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/38 "2018-06-05T11:17:14Z")

</div>

> Genuine question: why were you expecting ticks to appear when copying rich-text from one editor to another?

I don’t consider the editor and markdown to be “one editor and another”. To me it’s one editor, with features. I expected the ticks to carry over because to NOT carry them over means they had to be scrubbed out upon paste.

> What were you doing in the editor before the backspace went all screwy?

Nothing that stands out to be honest. I’ve added an image above it, and have been writing a fairly long article. I was on macOS 10.13.4 and Canary Version 69.0.3450.0 (Official Build) canary (64-bit)

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [June 5, 2018, 2:12pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/39 "2018-06-05T14:12:03Z")

</div>

> [@javorszky](#):
>
> To me it’s one editor, with features. I expected the ticks to carry over because to NOT carry them over means they had to be scrubbed out upon paste.

The ticks don’t exist so there’s no scrubbing happening on paste, the browser only sees `foo <code>example</code> bar` so it copies as it would from any other webpage: it grabs plaintext as “foo example bar” (this is what gets pasted into the markdown card as that’s a plaintext editor) and the html.

If you copied content from the rich-text portion and pasted it into Atom or similar, would you expect to see ticks there?

---

<div class="post-metadata">

**Author:** ![Kevin](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevin/32/32_2.png) [@Kevin](https://forum.ghost.org/u/Kevin)\
**Post date:** [June 6, 2018, 8:26am UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/40 "2018-06-06T08:26:01Z")

</div>

[1.24.0](https://github.com/TryGhost/Ghost/releases/tag/1.24.0) has been released and includes a couple of new Koenig features:

- ✨ Drag & drop image files onto the editor to create image cards + upload
- ✨ `^superscript^` and `~subscript~` text expansion support  
 ![sup-sub](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/1X/daff62a8526d34c9e54f6953c8609d039dbdf294.gif)

---

<div class="post-metadata">

**Author:** ![JxB](https://avatars.discourse-cdn.com/v4/letter/j/aeb1de/32.png) [@JxB](https://forum.ghost.org/u/JxB)\
**Post date:** [June 6, 2018, 10:18pm UTC](https://forum.ghost.org/t/koenig-editor-beta-release/1284/41 "2018-06-06T22:18:00Z")

</div>

Couldn’t see whether this had been reported here yet, but I’m unable to enter a caption on an image. I can see the caption bar, but am unable to select it. Double clicking on the image and pressing a key on my keyboard will cause a single repeated character to appear twice but will allow no further input. Amusingly, double clicking on the image and hitting backspace will fill the caption with `(backspace)`.

I’m using 1.24.0 and am browsing with Safari 11.1.1 on MacOS Sierra. Tried FireFox 61 and the issue is non-existent.

[Previous page](https://forum.ghost.org/t/koenig-editor-beta-release/1284.md?page=1)

[Next page](https://forum.ghost.org/t/koenig-editor-beta-release/1284.md?page=3)
