Announcement

Collapse
No announcement yet.

CKEditor Drag and Drop Image Upload

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

    Paid Mod CKEditor Drag and Drop Image Upload

    This vBulletin 5 plugin allows drag and drop image upload into the editor making it super easy and convenient for users to attach and share their pictures.

    Due to the way vBulletin makes it hard to extend the functionality of CKEditor, a third-party rich text editor used in vBulletin, this mod has no choice but to require editing existing CKEditor-related JS and PHP files. This means that you have to reapply the changes every time you upgrade vBulletin 5. (I created a JIRA in Sep 2016 to make CKEditor configurable. Please vote for it here.)

    Additional changes needed but not included in the documentation:

    This mod introduced an issue in the editor where the Underline button U went missing. 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:
    config.removeButtons = 'Underline,Subscript,Superscript';
    and then remove Underline, (include the trailing comma)

    Code:
    config.removeButtons = 'Subscript,Superscript';
    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.

    Thanks to William for reporting this issue!

    NOTE: (Updated on Mar. 3, 2022)
    This plugin is temporarily unavailable for purchase due to conflict to the existing drag and drop upload which was added in vB 5.5.6. Although drag and drop upload is now supported by default, it still lacks support for pasting images for upload at the time of this writing. The attachment
    drop zone is also limited to the attachment panel section only. It does not allow dropping images into the editor box itself. These limitations are supported in this mod. This mod is mostly working at the moment and it's installed here for testing. Please click the arrow icon in the quoted post below to see more details on what is working and what is not.

    Updated on Jan 24, 2023: Pasting images has been added natively to vB5 in the past few releases. Thus, this mod will no longer be available for purchase.


    Originally posted by glennrocksvb View Post
    This mod is now mostly working...

    Watch the video screencast demo on YouTube.
    Last edited by glennrocksvb; 01-24-2023, 01:32 PM.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    #2
    Unfortunately, this mod requires editing existing ckeditor JS files as vB didn't make it developer-friendly to easily add ckeditor plugins without hacking the JS. This means, you have to edit the JS files every time you upgrade. I'm thinking of making something that would easily update the files without manually editing them by hand.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3
      Any update ?

      Comment


        #4
        I will release it soon. No specific date though.
        Helpful? Donate. Thanks!
        Buy me a coffeePayPal QR Code
        Fast VPS Host for vBulletin:
        A2 Hosting & IONOS

        Comment


          #5
          Originally posted by glennrocksvb View Post
          I will release it soon. No specific date though.
          What about now ?

          Comment


          • glennrocksvb
            glennrocksvb commented
            Editing a comment
            Sorry not yet. I will prioritize to have it this week. Apologies for the delay.

          #6
          FYI. I have installed this drag and drop image upload mod on this site. Please try and let me know if it works for you or not. If not, please provide steps to reproduce and the error message (if any) and the browser used. Once it's fully tested and working, then I will release the mod to the public.

          Below is a test drag and drop upload...

          Click image for larger version  Name:	vbmods-rocks-white-logo-506x506.png Views:	2 Size:	5.2 KB ID:	6402
          Helpful? Donate. Thanks!
          Buy me a coffeePayPal QR Code
          Fast VPS Host for vBulletin:
          A2 Hosting & IONOS

          Comment


            #7
            hm... doesn´t work here (using chrome)

            Comment


            • glennrocksvb
              glennrocksvb commented
              Editing a comment
              Try clearing the browser cache

            #8
            ah... now it works

            Comment


              #9
              lets see this
              Click image for larger version  Name:	Scotland.png Views:	1 Size:	1.7 KB ID:	6408
              looks like it worked here
              using firefox
              Wise men say nothing Fools never listen

              Comment


                #10
                now lets try Microsoft edge
                Click image for larger version  Name:	nc1.png Views:	1 Size:	235.7 KB ID:	6410
                yep works
                def something I would buy
                Wise men say nothing Fools never listen

                Comment


                  #11
                  Thanks guys for testing and confirming it works. Will release it soon!
                  Helpful? Donate. Thanks!
                  Buy me a coffeePayPal QR Code
                  Fast VPS Host for vBulletin:
                  A2 Hosting & IONOS

                  Comment


                    #12


                    Comment


                      #13
                      Yep the above shows that you can even drag images displayed on a webpage.

                      Comment


                        #14
                        Originally posted by Mark.B View Post
                        Yep the above shows that you can even drag images displayed on a webpage.
                        That works even without this mod. Try it in vbulletin.com. It basically does "embed" (using [img] bbcode) and not "upload" the images.
                        Helpful? Donate. Thanks!
                        Buy me a coffeePayPal QR Code
                        Fast VPS Host for vBulletin:
                        A2 Hosting & IONOS

                        Comment


                          #15
                          Originally posted by glennrocksvb View Post

                          That works even without this mod. Try it in vbulletin.com. It basically does "embed" (using [img] bbcode) and not "upload" the images.
                          Oh I keep forgetting about that. I hate WYSIWYGs and always use 'standard' editors which makes you forget what WYSIWYGs can do.

                          Let me try an actual attachment then.

                          Comment

                          Users Viewing This Page

                          Collapse

                          There is 1 user viewing this forum topic.

                          • Guest Guest

                          Latest Posts

                          Collapse

                          Working...
                          X
                          Searching...Please wait.
                          An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                          Please push the back button and reload the previous window.'
                          An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                          Please push the back button and reload the previous window.'
                          An internal error has occurred and the module cannot be displayed.
                          There are no results that meet this criteria.
                          Search Result for "|||"