FAL image resized in RTE










0















I've downloaded the extension:
https://github.com/netresearch/t3x-rte_ckeditor_image/blob/master/README.md



The images are rendering correctly except the resizing.



When I right click on an image in BE then select "Image Properties" I see the option to edit Width, Height, Title and Alt text. The Title and Alt text are rendering on FE correctly but the width/height is the original image size.



E.g. Image original size 2000px by 1000px, use Image Properties to resize to 200px by 100px. Clicking the "Source" button in the RTE shows the width/height attributes have been correctly set. However on clicking Save and View Page the original 2000px by 1000px is displayed in BE and FE



Oddly enough, if I use the Source button to resize the image width/height attributes this is saved correctly. However my editors want to use the Image Properties selector



Any advice? I'm using TYPO3 version 8.7.10










share|improve this question




























    0















    I've downloaded the extension:
    https://github.com/netresearch/t3x-rte_ckeditor_image/blob/master/README.md



    The images are rendering correctly except the resizing.



    When I right click on an image in BE then select "Image Properties" I see the option to edit Width, Height, Title and Alt text. The Title and Alt text are rendering on FE correctly but the width/height is the original image size.



    E.g. Image original size 2000px by 1000px, use Image Properties to resize to 200px by 100px. Clicking the "Source" button in the RTE shows the width/height attributes have been correctly set. However on clicking Save and View Page the original 2000px by 1000px is displayed in BE and FE



    Oddly enough, if I use the Source button to resize the image width/height attributes this is saved correctly. However my editors want to use the Image Properties selector



    Any advice? I'm using TYPO3 version 8.7.10










    share|improve this question


























      0












      0








      0








      I've downloaded the extension:
      https://github.com/netresearch/t3x-rte_ckeditor_image/blob/master/README.md



      The images are rendering correctly except the resizing.



      When I right click on an image in BE then select "Image Properties" I see the option to edit Width, Height, Title and Alt text. The Title and Alt text are rendering on FE correctly but the width/height is the original image size.



      E.g. Image original size 2000px by 1000px, use Image Properties to resize to 200px by 100px. Clicking the "Source" button in the RTE shows the width/height attributes have been correctly set. However on clicking Save and View Page the original 2000px by 1000px is displayed in BE and FE



      Oddly enough, if I use the Source button to resize the image width/height attributes this is saved correctly. However my editors want to use the Image Properties selector



      Any advice? I'm using TYPO3 version 8.7.10










      share|improve this question
















      I've downloaded the extension:
      https://github.com/netresearch/t3x-rte_ckeditor_image/blob/master/README.md



      The images are rendering correctly except the resizing.



      When I right click on an image in BE then select "Image Properties" I see the option to edit Width, Height, Title and Alt text. The Title and Alt text are rendering on FE correctly but the width/height is the original image size.



      E.g. Image original size 2000px by 1000px, use Image Properties to resize to 200px by 100px. Clicking the "Source" button in the RTE shows the width/height attributes have been correctly set. However on clicking Save and View Page the original 2000px by 1000px is displayed in BE and FE



      Oddly enough, if I use the Source button to resize the image width/height attributes this is saved correctly. However my editors want to use the Image Properties selector



      Any advice? I'm using TYPO3 version 8.7.10







      image typo3 typo3-8.x rte fal






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 15 '18 at 4:46









      Peter Kraume

      8221617




      8221617










      asked Nov 14 '18 at 16:52









      tjameelitjameeli

      1618




      1618






















          1 Answer
          1






          active

          oldest

          votes


















          0














          Solved: the issue was that the absolute URL didn't match, so the magic image converter was using the original image dimensions when saving the image. See Line 393 onwards of RteHtmlParser.php



          if ($absoluteUrl == $originalImageFile->getPublicUrl() || $absoluteUrl == $siteUrl . $originalImageFile->getPublicUrl()) 
          ...

          else {
          // Magic image case: get a processed file with the requested configuration
          $imageConfiguration = [
          'width' => $imgTagDimensions[0],
          'height' => $imgTagDimensions[1]
          ];
          $magicImage = $magicImageService->createMagicImage($originalImageFile, $imageConfiguration);
          $attribArray['width'] = $magicImage->getProperty('width');
          $attribArray['height'] = $magicImage->getProperty('height');


          Resolving the file URL corrected this issue






          share|improve this answer






















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53305170%2ffal-image-resized-in-rte%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0














            Solved: the issue was that the absolute URL didn't match, so the magic image converter was using the original image dimensions when saving the image. See Line 393 onwards of RteHtmlParser.php



            if ($absoluteUrl == $originalImageFile->getPublicUrl() || $absoluteUrl == $siteUrl . $originalImageFile->getPublicUrl()) 
            ...

            else {
            // Magic image case: get a processed file with the requested configuration
            $imageConfiguration = [
            'width' => $imgTagDimensions[0],
            'height' => $imgTagDimensions[1]
            ];
            $magicImage = $magicImageService->createMagicImage($originalImageFile, $imageConfiguration);
            $attribArray['width'] = $magicImage->getProperty('width');
            $attribArray['height'] = $magicImage->getProperty('height');


            Resolving the file URL corrected this issue






            share|improve this answer



























              0














              Solved: the issue was that the absolute URL didn't match, so the magic image converter was using the original image dimensions when saving the image. See Line 393 onwards of RteHtmlParser.php



              if ($absoluteUrl == $originalImageFile->getPublicUrl() || $absoluteUrl == $siteUrl . $originalImageFile->getPublicUrl()) 
              ...

              else {
              // Magic image case: get a processed file with the requested configuration
              $imageConfiguration = [
              'width' => $imgTagDimensions[0],
              'height' => $imgTagDimensions[1]
              ];
              $magicImage = $magicImageService->createMagicImage($originalImageFile, $imageConfiguration);
              $attribArray['width'] = $magicImage->getProperty('width');
              $attribArray['height'] = $magicImage->getProperty('height');


              Resolving the file URL corrected this issue






              share|improve this answer

























                0












                0








                0







                Solved: the issue was that the absolute URL didn't match, so the magic image converter was using the original image dimensions when saving the image. See Line 393 onwards of RteHtmlParser.php



                if ($absoluteUrl == $originalImageFile->getPublicUrl() || $absoluteUrl == $siteUrl . $originalImageFile->getPublicUrl()) 
                ...

                else {
                // Magic image case: get a processed file with the requested configuration
                $imageConfiguration = [
                'width' => $imgTagDimensions[0],
                'height' => $imgTagDimensions[1]
                ];
                $magicImage = $magicImageService->createMagicImage($originalImageFile, $imageConfiguration);
                $attribArray['width'] = $magicImage->getProperty('width');
                $attribArray['height'] = $magicImage->getProperty('height');


                Resolving the file URL corrected this issue






                share|improve this answer













                Solved: the issue was that the absolute URL didn't match, so the magic image converter was using the original image dimensions when saving the image. See Line 393 onwards of RteHtmlParser.php



                if ($absoluteUrl == $originalImageFile->getPublicUrl() || $absoluteUrl == $siteUrl . $originalImageFile->getPublicUrl()) 
                ...

                else {
                // Magic image case: get a processed file with the requested configuration
                $imageConfiguration = [
                'width' => $imgTagDimensions[0],
                'height' => $imgTagDimensions[1]
                ];
                $magicImage = $magicImageService->createMagicImage($originalImageFile, $imageConfiguration);
                $attribArray['width'] = $magicImage->getProperty('width');
                $attribArray['height'] = $magicImage->getProperty('height');


                Resolving the file URL corrected this issue







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 15 '18 at 14:54









                tjameelitjameeli

                1618




                1618





























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53305170%2ffal-image-resized-in-rte%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Use pre created SQLite database for Android project in kotlin

                    Darth Vader #20

                    Ondo