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

    Official - Paid 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!


    Price 1:

    $35 (with vbmods.rocks branding in the footer)

    Buy Now Add to Cart View Cart

    Price 2:

    $60
    ($35 base price + $25 branding-free)

    Buy Now Add to Cart View Cart

    Product Installation Add-On: $20
    Purchase this product add-on to get professional installation of this mod from us.

    Add to Cart View Cart


    Don't have a PayPal account yet or want to use a new account to purchase this mod? Sign up with PayPal now and get $5 reward!


    Watch the video screencast demo on YouTube.
    Last edited by glennrocksvb; 10-17-2017, 08:40 AM. Reason: Added instructions to fix the missing Underline button

    #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.

    Comment


      #3
      Any update ?

      Comment


        #4
        I will release it soon. No specific date though.

        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

          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


            Click image for larger version

Name:	sicherheit.jpg
Views:	1
Size:	38.0 KB
ID:	6406

            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!

                  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.

                        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

                          Month
                          Day
                          Year
                          Hour
                          Working...
                          X