GrapesJS / GrapesJS/ckeditor

CKEditor Dock at bottom of IFrame/Viewing Area

Open
#50 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
110
Forks
107
PR merge metrics
No merged PRs in 30d

Description

We are trying to dock/pin the CKEditor to the bottom of the IFrame/Viewing area of grapesjs, the problem is we don't have id's for grapesJS at the time we are going through and initializing the editor and configuring toolbar via the plug-in options as the Ids of the text box included seem to be auto generated.

Here are pictures of our typescript component implementation and some pictures of the divs of each editor, so I cannot figure out how to get sharedSpaces: { top: 'id', bottom: 'id' }, toolbarLocation: 'bottom'

Let me know if you have any suggestions or need anything else to help.
![CKEditor text box 1](https://user-images.githubusercontent.com/5372257/141316154-decf66f6-bcdc-4ee3-ace1-1e11525241e3.PNG)
![CKEditor text box 2](https://user-images.githubusercontent.com/5372257/141316157-b81891af-8289-4b68-b9b9-0feecc3c1ad2.PNG)
![GrapesJS Ckeditor HTML implementation](https://user-images.githubusercontent.com/5372257/141316162-7b3afbeb-e248-4fac-8f5a-eb21f72311c6.PNG)
![GrapesJs CKEditor Initialization-Setup](https://user-images.githubusercontent.com/5372257/141316163-f6e413c8-d1e6-45cf-bb42-d7144c1fe333.PNG)
![GrapesJS IFrame](https://user-images.githubusercontent.com/5372257/141316166-0d3496dc-a6fd-4c46-8b49-5d6c91bc4d09.PNG)
![Position is default no changes to SharedSpaces or ToolbarLocation](https://user-images.githubusercontent.com/5372257/141316168-ad996757-f67d-4e33-b0bc-15075d466d33.PNG)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.