GithubHelp home page GithubHelp logo

wapplersystems / shyguy Goto Github PK

View Code? Open in Web Editor NEW
8.0 5.0 8.0 50 KB

Adds visualisation and control over soft hyphens in content elements of TYPO3.

PHP 56.74% JavaScript 43.26%
typo3-cms-extension typo3-extension

shyguy's Introduction

Shy Guy - Soft Hyphen Managing

Adds visualisation and control over soft hyphens in content elements to TYPO3.

What does it do

Ever wondered how to force very long words to break into the next line if space gets too narrow? This Extension adds an "insert soft hyphen" Button into the button bar at the top (next to save, view, eg. in content editing view).

How to install

Just install the extension manual or via composer. No configuration is needed.

How does it work

Within a content element, a soft hyphen is set at the caret position if you click the button.

Found an issue?

Feel free to make a pull request, explain the issue on https://github.com/WapplerSystems/Shyguy or send an e-mail to [email protected] .

Changelog

(Dates have [dd.mm.yy] format)



Version 1.0.6 beta:

update 02.03.2022

  • made the extension work with TYPO3 11 and composer
  • reformatted and cleaned code
  • made button position dynamic to prevent possible incompatibilities to other extensions

Version 1.0.1 beta:

update 26.03.2021

  • merged a pull request from Albrecht Köhnlein, which fixes a bug that generated HTML instead of plain text.

update 02.12.2020

  • fixed some flexform problems

update 27.11.2020

  • added CKEditor support
  • fix for multiple CKEditor instances
  • added minified JavaScript
  • added german translation

shyguy's People

Contributors

tschepat avatar verdure-koehnlein avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

shyguy's Issues

HTML Element is broken

Hi thank you for your extension.

we try to use it in a new project with TYPO3 v10.4 and fluid_styled_content.
After the installation it breaks the Plain Text Content Element CType = html

If you use it, your JavaScript replace the html code and the textarea is white.

Combine with RTE shy Button (insertcharacters)

This extension is awesome – thanks for that!
In the past i added shy's to the rte with the ck_editor insertcharacters shy button, which was re-added a time ago:

https://docs.typo3.org/c/typo3/cms-core/master/en-us/Changelog/8.7.x/Important-85361-EXTrte_ckeditor-Re-addTheSoftHyphenButton.html

But the problem with this solution is, that the is no visible Feedback for shy's.
With shyguy installed the "old" rte shy button still has no visible feedback. Would it be possible to combine the shyguy with the rte Button?

Problem with the search for words with hyphen

Very good extension, thank you very much. Unfortunately there is a problem in the backend. No matter in which search in the backend (e.g. main search, search on page by record, search in 'selectMultipleSideBySide'), unfortunately you can no longer search for the complete word. This is not found if hyphens have been inserted. You can then only search for the syllables, which is difficult and incomprehensible for the editors. Would it be possible to search for the complete words again, even if the words have hyphens?

PHP8

When i switch my installation to PHP8.0 or PHP8.1 i'll get an Exception-Error in the backend:
PHP Warning: Undefined array key "left" in /mysitepath/public/typo3conf/ext/shyguy/Classes/Hooks/ShyGuyHook.php line 28

Under PHP7.4 it works like a charm ;)

Problems with FlexForms - Soft-Hyphen placeholder char ↵ doesn't get replaced with ­

I've spotted it in various situations.
Situation 1: CEs which are created via the Flux, simple inputs and RTEs the ↵ doesn't get replaced with ­
Situation2: A models TCA which gets extended via

$GLOBALS['TCA']['tx_MyExtension_domain_model_event']['columns']['attributes']['config'] = [
    'type' => 'flex',
    'ds' => [
        'default' => 'FILE:EXT:MxExtension/Configuration/FlexForms/event.xml',
    ],
];

Situation3: When I add a FlexForm to a plugin via

$GLOBALS['TCA']['tt_content']['types']['list']['subtypes_addlist']['myExtension_myPlugin'] = 'pi_flexform';
\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addPiFlexFormValue(
  myExtension_myPlugin',
  'FILE:myExtension/Configuration/FlexForms/aFLexFormForMyPlugin.xml'
);

then the ↵ doesn't get inserted in a RTE textfield when I click the "Insert Soft Hyphen" (normal inputs are working). Also the replacement of the ↵ doesn't work.

typo3 v10

PHP Warning in Backend of TYPO3 11.5.22 / PHP 8.1.13

After installing the extension1.0.8, backend will show this message:

(1/1) #1476107295 TYPO3\CMS\Core\Error\Exception PHP Warning: Undefined array key "left" in /www/htdocs/w01da002/typo3-v11-website/typo3conf/ext/shyguy/Classes/Hooks/ShyGuyHook.php line 28

Screenshot

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.