Feature: Detachable Editor

I've created a POC which mostly works already.
Only downside atm. is that a editor re-attach won't update the content in the attached editor.

Interesting feature request. Thank you. I will check this soon.

I am checking this now, and there is one more problem. If some changes were done and then user clicks "Detach Editor", all the changes that were done in sidebar are not displayed in the detached editor. So the problem exists in both directions.

I made a setting "Allow detach" to enable/disable detach button here /admin/config/frontend-editing. Also I moved the js code to its own Drupal library not to mix it with preview.js. I have found the way to preserve changes done in sidebar when detaching window and other way round. This can be achieved with https://www.drupal.org/project/all_entity_preview → module. This module is already integrated with frontend editing for preview of the changes. I am not sure that there is any reliable way to do this with pure JS. When the "All entity preview" module is not installed there is a warning near the "Detach editor" button.

Please review my changes. Be aware by default the "Detach editor" button is disabled, you need to enable it here /admin/config/frontend-editing.

I confirm that i could to be able to detach the editor window, and works fine with the automatic preview.

just want to mention this, in the window when i select automatic preview, any element can be edited automatically, except the title field, may

be we need to add the title block to the frontend editing settings?

Thank you @hanan alasari for a review. Unfortunately the issue with node title is a problem that was also before this feature. I will create a separate issue for it. Let's focus here on detachable feature.