Jump to content
πŸ‘‰ Click here to explore Remote Jobs, Work From Home & Global News – USA πŸ‡ΊπŸ‡Έ | UK πŸ‡¬πŸ‡§ | Canada πŸ‡¨πŸ‡¦ | Pakistan πŸ‡΅πŸ‡° Γ—
🚫 Guest Access Notice Γ—

Add Imgur upload button in the editor

Rate this topic


Recommended Posts

Posted

How to add an Imgur upload button in the editor

*This is my original tutorial. You may share it freely, but(!) consider mentioning who wrote it.

1.

Create an Imgur account, and then register an application here: https://api.imgur.com/oauth2/addclient

Now you have a client ID, which is to be used in the Imgur plugin we add to the editor.

Β 

2.

Download the Imgur plugin from http://ckeditor.com/addon/imgur

Go to your ACP-> Customization-> Editor--> Toolbars-> "Add Button". Upload the plugin file(zip) for installation.

By now you can drag the button to the toolbar for it to show, but it won't function just yet.

Β 

3.

Connect to your FTP-> Edit file: applications/core/interface/ckeditor/ckeditor/config.js

Add the settings in the end of the file (remember to use your Client ID number):

CKEDITOR.editorConfig = function( config ) {
    config.extraPlugins = 'imgur';
    config.imgurClientId = '123535ae12372d4';
};

Save & upload, done.

I hope this tutorial helped you! :)Β 

Result:

LOkpRrr.png

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Forum Statistics

    2.7k
    Total Topics
    10k
    Total Posts


Γ—
Γ—
  • Create New...