{"id":21569905,"url":"https://github.com/iterable/ckeditor-imagebrowser","last_synced_at":"2025-03-18T06:12:59.611Z","repository":{"id":72190067,"uuid":"129135295","full_name":"Iterable/ckeditor-imagebrowser","owner":"Iterable","description":"ckeditor imagebrowser plugin","archived":false,"fork":false,"pushed_at":"2018-04-11T18:16:02.000Z","size":38,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":62,"default_branch":"master","last_synced_at":"2025-01-24T12:45:15.718Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Iterable.png","metadata":{"files":{"readme":"README.rst","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-04-11T18:12:14.000Z","updated_at":"2018-04-11T18:12:58.000Z","dependencies_parsed_at":"2023-05-31T07:00:34.691Z","dependency_job_id":null,"html_url":"https://github.com/Iterable/ckeditor-imagebrowser","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Iterable%2Fckeditor-imagebrowser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Iterable%2Fckeditor-imagebrowser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Iterable%2Fckeditor-imagebrowser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Iterable%2Fckeditor-imagebrowser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Iterable","download_url":"https://codeload.github.com/Iterable/ckeditor-imagebrowser/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244166760,"owners_count":20409179,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-24T11:11:02.429Z","updated_at":"2025-03-18T06:12:59.590Z","avatar_url":"https://github.com/Iterable.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"CKEditor Image Browser plugin\n=============================\n\n**imagebrowser** is a `CKEditor \u003chttp://ckeditor.com/\u003e`_ plugin that allows images on the server to be browsed and picked\nfor inclusion into the editor's contents.\n\nThis plugin integrates with the **image** plugin (part of CKEditor),\nby making it provide a **Browse Server** button in the Image dialog window (`screenshot here \u003chttp://ckeditor.com/sites/default/files/styles/large/public/image/image_manager.png\u003e`_).\n\nThe way you use it is very similar to `imageGetJson \u003chttp://imperavi.com/redactor/docs/settings/#set_imageGetJson\u003e`_ in `Redactor \u003chttp://imperavi.com/redactor/\u003e`_\n- you only need to provide a list of images in a JSON format, and the image browser will take care of the rest.\n\nIn fact, it uses the same data format as Redactor, allowing for an easy transition between the two editors.\n\nInstallation\n------------\n\nCopy the whole contents of this repository into a new ``plugins/imagebrowser`` directory in your CKEditor install.\n\nMake sure you're using the **Standard** or **Full** `CKEditor packages \u003chttp://ckeditor.com/download\u003e`_.\nThe **Basic** package lacks an in-built \"File Browser\" plugin, which this plugin depends on.\nYou can also use a `Custom CKEditor package \u003chttp://ckeditor.com/builder\u003e`_, if you build it with \"File Browser\" plugin support.\n\nUsage\n-----\n\nEnable the plugin by adding it to `extraPlugins` and specify the `imageBrowser_listUrl` parameter::\n\n\tCKEDITOR.replace('textareaId', {\n\t\t\"extraPlugins\": \"imagebrowser\",\n\t\t\"imageBrowser_listUrl\": \"/path/to/images_list.json\"\n\t});\n\nThe **imageBrowser_listUrl** configuration parameter points to a URL that lists the server's images in a JSON format.\n\nExample::\n\n\t[\n\t\t{\n\t\t\t\"image\": \"/image1_200x150.jpg\",\n\t\t\t\"thumb\": \"/image1_thumb.jpg\",\n\t\t\t\"folder\": \"Small\"\n\t\t},\n\t\t{\n\t\t\t\"image\": \"/image2_200x150.jpg\",\n\t\t\t\"thumb\": \"/image2_thumb.jpg\",\n\t\t\t\"folder\": \"Small\"\n\t\t},\n\n\t\t{\n\t\t\t\"image\": \"/image1_full.jpg\",\n\t\t\t\"thumb\": \"/image1_thumb.jpg\",\n\t\t\t\"folder\": \"Large\"\n\t\t},\n\t\t{\n\t\t\t\"image\": \"/image2_full.jpg\",\n\t\t\t\"thumb\": \"/image2_thumb.jpg\",\n\t\t\t\"folder\": \"Large\"\n\t\t}\n\t]\n\nThe above says that there are 2 image directories (\"Small\" and \"Large\") with 2 files in each of them.\n\nThe **image** field is the relative/absolute path being used when the image gets put into the editor's contents.\n\nThe **thumb** field is *optional*. It specifies the relative/absolute path to the image's thumbnail (for preview purposes).\nIf omitted, the value of **image** is used as a thumbnail.\n\nThe **folder** field is *optional*. If omitted, the image list will not be split into folders.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiterable%2Fckeditor-imagebrowser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiterable%2Fckeditor-imagebrowser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiterable%2Fckeditor-imagebrowser/lists"}