Project

General

Profile

Actions

Task #85361

closed

CKEditor RTE: Re-add button to insert soft hyphen

Added by Josef Glatz over 6 years ago. Updated about 6 years ago.

Status:
Closed
Priority:
Must have
Assignee:
Category:
RTE (rtehtmlarea + ckeditor)
Target version:
Start date:
2018-06-23
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
9
PHP Version:
Tags:
ckeditor
Complexity:
Sprint Focus:

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

softhyphen3-visualization-entity.jpg (36.2 KB) softhyphen3-visualization-entity.jpg Possible to show as HTML entity in Source? Sebastian Klein, 2018-06-25 11:07
softhyphen2-visualization-wraps.jpg (43.1 KB) softhyphen2-visualization-wraps.jpg Ugly wraps in workaround to visualize shy entity Sebastian Klein, 2018-06-25 11:07
softhyphen1-visualization-css.jpg (33.3 KB) softhyphen1-visualization-css.jpg Possible visualization of the shy entity in RTE Sebastian Klein, 2018-06-25 11:07

Related issues 2 (0 open2 closed)

Related to TYPO3 Core - Feature #33184: htmlArea RTE: Add button to insert soft hyphenClosedStanislas Rolland2012-01-13

Actions
Related to TYPO3 Core - Feature #85391: Soft-hyphen (shy entity) should be visible in CKEditorClosedSebastian Klein2018-06-26

Actions
Actions #1

Updated by Josef Glatz over 6 years ago

  • Related to Feature #33184: htmlArea RTE: Add button to insert soft hyphen added
Actions #2

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

Actions #3

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

Actions #4

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

Actions #5

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

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 &shy; entity as well as the <wbr> tag for linebreaks without hyphenation. The plugin also shows the editor where &shy; 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
Actions #7

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

Actions #8

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

Actions #9

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

Actions #10

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 &shy; 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 &shy; entity as well as the <wbr> tag for linebreaks without hyphenation. The plugin also shows the editor where &shy; 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

Actions #11

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

Actions #12

Updated by Anonymous over 6 years ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
Actions #13

Updated by Sebastian Klein over 6 years ago

  • Related to Feature #85391: Soft-hyphen (shy entity) should be visible in CKEditor added
Actions #14

Updated by Benni Mack about 6 years ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF