Announcement

Collapse
No announcement yet.

CKEditor Drag and Drop Image Upload

Collapse
This is a sticky topic.
X
X
Collapse
First Prev Next Last
  • Time
  • Show
Clear All
new posts

  • #46
    Ok here we are had to use CTRL+V to paste image
    CometBar
    sportslounge
    Multilingual Sites

    Comment


    • #47
      Thanks for providing a video willie53. I still cannot do it. There must be something on my setup.

      Comment


      • #48
        Ok it looks like copy paste upload only works in Firefox. I was using Chrome. I also tried in Edge and it didn't work.

        Comment


        • willie53
          willie53 commented
          Editing a comment
          just tried other browsers and look like it only works in firefox as you already used chrome & edge i tried oera and tor it was a no go

      • #49
        Click image for larger version

Name:	NavySEAL_1024x1024.png
Views:	1
Size:	274.2 KB
ID:	6687

        Comment


        • glennrocksvb
          glennrocksvb commented
          Editing a comment
          Nice avatar!

        • Fleet
          Fleet commented
          Editing a comment
          Haha thanks man.

      • #50
        https://i.redd.it/j62qq9wnw5hz.jpg

        Comment


        • glennrocksvb
          glennrocksvb commented
          Editing a comment
          To attach images from external sites, you can copy the image url and click the image icon in the editor and paste the url there. Or use [img] BBCode manually.

          Another way is to drag the image directly from the external site and dropping it in the editor. This is an existing default editor feature and it works even without this mod.

      • #51
        Just upgraded to vb 5.3.4 alpha just replaced the uploader.php with one i already edited then deleted the new js/ckeditor-rollup-534a4.js and renamed the existing 5.3.3.js to the new one


        CometBar
        sportslounge
        Multilingual Sites

        Comment


        • glennrocksvb
          glennrocksvb commented
          Editing a comment
          You should not do that. If uploader.php and ckeditor-rollup534a4.js have newer code than its previous version, then you would lose all those changes

      • #52
        Updated to 5.3.4 Alpha and the mod works. However, it causes the disappearance of the underline button in Ckeditor. This is a well used and important function in my forum now gone missing.

        Glenn, after I updated to 5.3.4 I checked to see whether the button was present and it was. After making the file edits it wasn't.

        Enjoy,
        William
        Christian Forums

        Comment


        • #53
          glennrocksvb i compared both the files for any changes using winmerge and there where no differences between them
          CometBar
          sportslounge
          Multilingual Sites

          Comment


          • glennrocksvb
            glennrocksvb commented
            Editing a comment
            Good thing there were no changes.

        • #54
          You need to be logged in to view the quote. Login or Register now!
          Hi William
          untill this is working it can be achieved with bbcode like [b]so[/u] although not working as i think the bbcode has been turned off here
          Last edited by willie53; 10-17-2017, 12:20 AM.
          CometBar
          sportslounge
          Multilingual Sites

          Comment


          • William
            William commented
            Editing a comment
            Thanks Willie

        • #55
          I will look into the missing underline button issue. Thanks William for confirming it is caused by this mod.

          Comment


          • #56
            While waiting for the missing underline button issue (which might take a while to fix), you can highlight a text and use the CTRL+U (Command-U for Mac) keyboard shortcut to underline a text or manually use [u][/u] BBCode.
            Last edited by glennrocksvb; 10-17-2017, 07:54 AM.

            Comment


            • #57
              It looks like I found a fix! vB5 ships /js/ckeditor/config.js file as part of the vB5 package. But it is never ever actually used when the editor is loaded and initialized. But if you install this Drag and Drop Image Upload mod, this config.js file is used and all the configurations will take effect. One of the configurations is to remove the Underline button.

              To fix this issue, you have to edit the /js/ckeditor/config.js file on your server using FTP or cPanel (or its equivalent).

              Find the following line:

              Code:
              You need to be logged in to view the code. Login or Register now!
              and then remove Underline, (include the trailing comma)

              Code:
              You need to be logged in to view the code. Login or Register now!
              You will have to clear your browser cache for it to get the latest version of config.js. If you are using CDN or CloudFlare, you would have to also purge the cache on their server.

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                First post updated with this fix.

              • William
                William commented
                Editing a comment
                Thanks Glenn, the underline button now works and no issues with 5.3.4!

            • #58
              Fantastic!

              All these little tweaks make the vB experience all that much better!.
              If by chance some day you're not feeling well and you should remember some silly thing I've said or done and it brings back a smile to your face or a chuckle to your heart, then my purpose as your clown has been fulfilled ~ Red Skelton

              Comment


              • #59
                You need to be logged in to view the quote. Login or Register now!
                You need to be logged in to view the quote. Login or Register now!
                I discovered the copy/paste that works (at least in Chrome and Firefox) and uploads the image into vB5 using this mod. Using the Paste operation from context menu also works not just using CTRL+V or Command+V.
                • If you use a screen capture tool (e.g. Snipping Tool in Windows) and copy (not save) the image, you can paste it in the CKEditor and it will be automatically uploaded.
                • If you are editing an image in an image editor tool (e.g. Paint) and select the image and copy it, you can paste it in the CKEditor and it will be automatically uploaded.

                Comment

                Month
                Day
                Year
                Hour
                Working...
                X