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

    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
          You need to be logged in to view the quote. Login or Register now!
          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
              CometBar
              sportslounge
              Multilingual Sites

              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
                CometBar
                sportslounge
                Multilingual Sites

                Comment


                  #11
                  Thanks guys for testing and confirming it works. Will release it soon!

                  Comment


                    #12


                    My vB5 Cloud Demo Site:
                    https://www.adminammo.com

                    Comment


                      #13
                      Yep the above shows that you can even drag images displayed on a webpage.
                      My vB5 Cloud Demo Site:
                      https://www.adminammo.com

                      Comment


                        #14
                        You need to be logged in to view the quote. Login or Register now!
                        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
                          You need to be logged in to view the quote. Login or Register now!
                          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.
                          My vB5 Cloud Demo Site:
                          https://www.adminammo.com

                          Comment

                          Month
                          Day
                          Year
                          Hour
                          Working...
                          X