{"id":13773812,"url":"https://github.com/DennisSuitters/summernote-image-attributes","last_synced_at":"2025-05-11T06:31:35.295Z","repository":{"id":47411585,"uuid":"55139436","full_name":"DennisSuitters/summernote-image-attributes","owner":"DennisSuitters","description":"Summernote plugin to edit image attributes","archived":false,"fork":false,"pushed_at":"2023-02-07T09:22:13.000Z","size":405,"stargazers_count":87,"open_issues_count":7,"forks_count":92,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-05-03T05:09:05.677Z","etag":null,"topics":["addon","attributes","image","image-popover","plugin","summernote","summernote-plugins","wysiwyg"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DennisSuitters.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-03-31T09:53:18.000Z","updated_at":"2024-03-12T12:37:39.000Z","dependencies_parsed_at":"2024-01-13T11:13:29.933Z","dependency_job_id":"e173fad3-a4bd-4d4a-ab61-a677aae9c262","html_url":"https://github.com/DennisSuitters/summernote-image-attributes","commit_stats":null,"previous_names":["dennissuitters/summernote-image-attributes"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DennisSuitters%2Fsummernote-image-attributes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DennisSuitters%2Fsummernote-image-attributes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DennisSuitters%2Fsummernote-image-attributes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DennisSuitters%2Fsummernote-image-attributes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DennisSuitters","download_url":"https://codeload.github.com/DennisSuitters/summernote-image-attributes/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224703869,"owners_count":17355710,"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":["addon","attributes","image","image-popover","plugin","summernote","summernote-plugins","wysiwyg"],"created_at":"2024-08-03T17:01:20.458Z","updated_at":"2024-11-17T09:30:21.566Z","avatar_url":"https://github.com/DennisSuitters.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Plugins"],"sub_categories":["Formatting"],"readme":"# summernote-image-attributes\r\n\r\nSummernote-image-attributes has undergone a make over, we redesigned the Dialog Layout to make it easier to use. New classes have been submitted to the Summernote main Repository, be sure to grab the latest master and build it for the class styling additions.\r\n\r\nA plugin for the [Summernote](https://github.com/summernote/summernote/) WYSIWYG editor.\r\n\r\nAdds a button to the image popover to edit title, alt, class and style attributes, and Links with relevant Attributes.\r\n\r\n### Installation\r\n\r\n#### 1. Include JS\r\n\r\nInclude the following code after including Summernote, to change the language from the default (en-US) you must add the lang file after the plugin.  \r\n\r\n**if you use bootstrap5**, you must add **/bootstrap5/**summernote-image-attributes.js instead of summernote-image-attributes.js\r\n\r\n```html\r\n\u003cscript src=\"summernote-image-attributes.js\"\u003e\u003c/script\u003e\r\nOR\r\n\u003cscript src=\"/bootstrap5/summernote-image-attributes.js\"\u003e\u003c/script\u003e\r\n```\r\n\r\n```html\r\n\u003cscript src=\"lang/[language-COUNTRY].js\"\u003e\u003c/script\u003e\r\n```\r\n\r\n#### 2. Supported languages\r\nCurrently available in US English (Default), Spanish, French, Chinese (Traditional), Italian, German and Turkish!\r\n\r\n#### 3. Summernote options\r\nFinally, customize the Summernote image popover.\r\n\r\n````javascript\r\n$(document).ready(function() {\r\n    $('#summernote').summernote({\r\n        popover: {\r\n            image: [\r\n                ['custom', ['imageAttributes']],\r\n                ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],\r\n                ['float', ['floatLeft', 'floatRight', 'floatNone']],\r\n                ['remove', ['removeMedia']]\r\n            ],\r\n        },\r\n        lang: 'en-US', // Change to your chosen language\r\n        imageAttributes:{\r\n            icon:'\u003ci class=\"note-icon-pencil\"/\u003e',\r\n            removeEmpty:false, // true = remove attributes | false = leave empty if present\r\n            disableUpload: false // true = don't display Upload Options | Display Upload Options\r\n        }\r\n    });\r\n});\r\n````\r\n\r\n#### 4. Check out our other Summernote Plugins via our main Github page.\r\n- [Diemen Design](https://github.com/DiemenDesign/)\r\n\r\n### Contributors\r\n- Add links to Image\r\n  - Thank you to [minidc](https://github.com/ninidc)\r\n  - Thank you to [MarcosBL](https://github.com/MarcosBL)\r\n- French Translation\r\n  - Thank you to [b-alidr](https://github.com/b-alidra)\r\n- Chinese (Traditional) Translation\r\n  - Thank you to [horkenw](https://github.com/horkenw)\r\n- Italian Translation\r\n  - Thank you to [paolodadda](https://github.com/paolodadda)\r\n- German Translation and Horizontal Dialog Layout\r\n  - Thank you to [YaWK](https://github.com/YaWK)\r\n- Turkish Translation\r\n  - Thank you to [GoktugOzturk](https://github.com/GoktugOzturk)\r\n- Romanian Translation\r\n  - Thank you to [condor2](https://github.com/condor2)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDennisSuitters%2Fsummernote-image-attributes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDennisSuitters%2Fsummernote-image-attributes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDennisSuitters%2Fsummernote-image-attributes/lists"}