Task #85361
closedCKEditor RTE: Re-add button to insert soft hyphen
100%
Description
Problem/Description¶
You know we are creating responsive websites nowadays. Before the core switched to CKEditor, there was this nice (and shy) soft-hyphen button. Now it's missing. We need that again – we live in an responsive (web-)world.
ToDo(s)¶
- Re-add soft-hyphen button (plugin for CKEditor)
- Add new icon to t3.icons projects on GitHub
- respect different versions
- Add as much translations as possible
Acceptance Criteria¶
*
Files
Updated by Josef Glatz over 6 years ago
- Related to Feature #33184: htmlArea RTE: Add button to insert soft hyphen added
Updated by Gerrit Code Review over 6 years ago
- Status changed from In Progress to Under Review
Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57344
Updated by Gerrit Code Review over 6 years ago
Patch set 2 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57344
Updated by Gerrit Code Review over 6 years ago
Patch set 3 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57344
Updated by Gerrit Code Review over 6 years ago
Patch set 4 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57344
Updated by Sebastian Klein over 6 years ago
- File softhyphen3-visualization-entity.jpg softhyphen3-visualization-entity.jpg added
- File softhyphen2-visualization-wraps.jpg softhyphen2-visualization-wraps.jpg added
- File softhyphen1-visualization-css.jpg softhyphen1-visualization-css.jpg added
I agree this should be implemented for CKEDitor in TYPO3 v8 and above.
Aside from the task of implementation, I see the following issue:
The editor can't easily see if and where he (or other editors) added a ­
entity. Even in the source view it currently isn't shown. You can only use the arrow keys on your keyboard to navigate left or right and see if the cursor stops at a position in the text.
This already was an issue in the old RTEHtmlArea.
A current workaround:¶
I already built an CKEditor plugin which is far from perfect:
https://github.com/sebkln/linebreak
It does add the ­
entity as well as the <wbr>
tag for linebreaks without hyphenation. The plugin also shows the editor where ­
entities were added. For this I added a wrap with additional CSS, which is also the major drawback of this plugin: this wrap is saved to the database with the rest of the text. In the frontend, several lines of TypoScript have to be added to remove the wrap inside paragraphs and lists.
I don't know if it's possible to add such a wrap only for the RTE, without saving it to the database and have the need to extend parseFunc that much?
tl;dr¶
- soft hyphen button should be added to the CKEditor
- inserted hyphens should be visible to the editors
Updated by Gerrit Code Review over 6 years ago
Patch set 5 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57344
Updated by Gerrit Code Review over 6 years ago
Patch set 6 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57344
Updated by Gerrit Code Review over 6 years ago
Patch set 7 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57344
Updated by Josef Glatz over 6 years ago
Sebastian Klein wrote:
I agree this should be implemented for CKEDitor in TYPO3 v8 and above.
Aside from the task of implementation, I see the following issue:
The editor can't easily see if and where he (or other editors) added a­
entity. Even in the source view it currently isn't shown. You can only use the arrow keys on your keyboard to navigate left or right and see if the cursor stops at a position in the text.This already was an issue in the old RTEHtmlArea.
A current workaround:¶
I already built an CKEditor plugin which is far from perfect:
https://github.com/sebkln/linebreakIt does add the
­
entity as well as the<wbr>
tag for linebreaks without hyphenation. The plugin also shows the editor where­
entities were added. For this I added a wrap with additional CSS, which is also the major drawback of this plugin: this wrap is saved to the database with the rest of the text. In the frontend, several lines of TypoScript have to be added to remove the wrap inside paragraphs and lists.I don't know if it's possible to add such a wrap only for the RTE, without saving it to the database and have the need to extend parseFunc that much?
tl;dr¶
- soft hyphen button should be added to the CKEditor
- inserted hyphens should be visible to the editors
We should definitely add such a feature to improve the UI/UX of the editor.
I ask you to create your own issue for your idea. This is a task which should also be migrated in 8.7.
I see the visualization of one or more invisible characters in a separate feature which must be loaded in another plugin, since there is also the case that content is not only entered through the manual input in the RTE (for example, an import / API). Such functionality would make sense to load in each RTE preset for the WYSIWYG mode.
Beside of that I see it problematically, if such pseudo-temporary html tags are used inside the database for such characters
Updated by Gerrit Code Review over 6 years ago
Patch set 1 for branch TYPO3_8-7 of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/57373
Updated by Anonymous over 6 years ago
- Status changed from Under Review to Resolved
- % Done changed from 0 to 100
Applied in changeset 69789334afa97279c79e49fe473fdf6027140091.
Updated by Sebastian Klein over 6 years ago
- Related to Feature #85391: Soft-hyphen (shy entity) should be visible in CKEditor added