-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Enable the HTML / MD editor on text fields within the profile editor #585
Comments
Or, like Excel, have the currently-edited value in a box at the top, where there could be a rich-text editor present. |
Following the UI standards of Excel may be the best option. The Having one
Finding a suitable position for the content editor on the page would have to be determined or experimented with:
Another idea could be to hold the content editor in a dialog, but this would less "inline" than the rest of the spreadsheet. |
* Initial test to see what this looks like and how useable it is * Not complete, but basics are available
As part of UI experimentation, here is one example of how editing large amounts of text in cells could be achieved (though not definitive): Using a custom Ag Grid cell editor, I've been able to embed our Markdown editor into a cell editor popup just to see what it looks like. Pros:
Cons:
I will also experiment with the Excel-like single text editor field as explained in the issue description though to provide a comparison. |
Another experiment, this time focusing on what was originally requested in this issue: an Excel-style singular editor which is populated once a cell is clicked: Currently only for the Markdown editor, but how this works is:
Pros
Cons
|
One final UX experiment uses Ag Grid overlays to work around the editing experience: The overlay is actually designed for a loading prompt, but has been hijacked slightly to instead show and manage an editor and cell update. It works by:
Pros
Cons
|
I have pushed commits to branch /** TESTING ONLY! For experimenting with text editing features */
textEditStyle: 'cell-editor' | 'excel-like' | 'grid-overlay' = 'excel-like'; |
* Initial test to see what this looks like and how useable it is * Not complete, but basics are available
* Initial test to see what this looks like and how useable it is * Not complete, but basics are available
* Popup cell editor * Excel-like controls
* Similar to built in ag Grid version but includes hint about creating new lines * Also includes "Edit" button, this will trigger a larger content editor to appear
* Trigger via button click in TextAreaCellEditorComponent * Open dialog with MDM content editor * Resize all columns correctly * Remove agGrid overlay code
* Initial test to see what this looks like and how useable it is * Not complete, but basics are available
* Popup cell editor * Excel-like controls
* Similar to built in ag Grid version but includes hint about creating new lines * Also includes "Edit" button, this will trigger a larger content editor to appear
* Trigger via button click in TextAreaCellEditorComponent * Open dialog with MDM content editor * Resize all columns correctly * Remove agGrid overlay code
gh-585 - Edit Markdown and HTML text in the bulk editor
We made a simplification in the first iteration of the bulk editor, to not try any fancy editing inside the boxes - in particular not using the Jodit / MD editor within the grid. For space / rendering issues, I think having an HTML editor on each text box might be un-workable, but maybe there's a way to pop-up an HTML / MD editor on request?
The text was updated successfully, but these errors were encountered: