{"id":35269049,"url":"https://github.com/axel186/charts-tinymce-plugin","last_synced_at":"2026-05-21T10:04:39.821Z","repository":{"id":57197208,"uuid":"97611064","full_name":"Axel186/charts-tinymce-plugin","owner":"Axel186","description":"Add charts into your content (Tinymce plugin)","archived":false,"fork":false,"pushed_at":"2017-08-10T08:49:49.000Z","size":850,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-17T05:56:27.611Z","etag":null,"topics":["chartistjs","charts","data-visualisation","graph","tinymce-plugin"],"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/Axel186.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}},"created_at":"2017-07-18T14:54:03.000Z","updated_at":"2019-06-21T15:20:48.000Z","dependencies_parsed_at":"2022-09-16T13:11:42.816Z","dependency_job_id":null,"html_url":"https://github.com/Axel186/charts-tinymce-plugin","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Axel186/charts-tinymce-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Axel186%2Fcharts-tinymce-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Axel186%2Fcharts-tinymce-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Axel186%2Fcharts-tinymce-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Axel186%2Fcharts-tinymce-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Axel186","download_url":"https://codeload.github.com/Axel186/charts-tinymce-plugin/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Axel186%2Fcharts-tinymce-plugin/sbom","scorecard":{"id":18414,"data":{"date":"2025-08-11","repo":{"name":"github.com/Axel186/charts-tinymce-plugin","commit":"6e32117033c44d14169a4342dca3cb37ab200374"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Code-Review","score":0,"reason":"Found 0/5 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-14T16:16:42.761Z","repository_id":57197208,"created_at":"2025-08-14T16:16:42.761Z","updated_at":"2025-08-14T16:16:42.761Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33297164,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-21T02:57:32.698Z","status":"ssl_error","status_checked_at":"2026-05-21T02:57:31.990Z","response_time":62,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["chartistjs","charts","data-visualisation","graph","tinymce-plugin"],"created_at":"2025-12-30T11:50:05.871Z","updated_at":"2026-05-21T10:04:39.809Z","avatar_url":"https://github.com/Axel186.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Charts TinyMCE Plugin\n\nWith this plugin you able to add charts into your content.\nThis plugin using [Chartist.js](https://gionkunz.github.io/chartist-js/) libary for rendering graphs.\n\nThis plugin compatible with TinyMce 4.\n\n![Charts TinyMCE Plugin - Visual demo](demo.gif)\n\n## Install\n\n### NPM:\n```\nnpm install charts-tinymce-plugin --save\n```\n\n### Bower:\n```\nbower install charts-tinymce-plugin --save\n```\n\n### Download\n\n* [Latest build](https://github.com/Axel186/charts-tinymce-plugin-bower/archive/master.zip)\n\n## Usage\n\nConfigure your TinyMce init settings by adding `external_plugins` and usage of `chartsTinymcePlugin`: \n\n```Javascript\ntinymce.init({\n  selector: 'textarea',\n  external_plugins: {'chartsTinymcePlugin': 'http://your-website/.../charts-tinymce-plugin/plugin.js'}, // Add plugin to Tinymce\n  toolbar: 'chartsTinymcePlugin',\n  content_css: 'http://your-website/.../charts-tinymce-plugin/app/scripts/chartist/chartist.css', // Add chartist styles or use your own.\n  chart_uploader: function (file, cb) {\n    // Here is your uploader logic, start to upload you image here like that:\n\n    // yourUploader.sendIMG(file.blob)\n    //   .then(function(url){\n    //      // Take a look at \"class='tinymce-chart'\" and \"charts-data='\" + file.chartsData + \"'\", it is really important to keep it in the tag - that's way you able to edit your graph.\n    //      cb(\"\u003cimg class='tinymce-chart' width='\" + file.width + \"' height='\" + file.height + \"' src='\" + url + \"' charts-data='\" + file.chartsData + \"' /\u003e\");\n    //   });\n\n    // or just put SVG-html into your content. Example:\n    cb(file.html);\n  }\n});\n```\n\nThere are 2 options how to use this plugin:\n\n1. Add SVG tag width graph into your content, I found that is very hard to work with SVG into Tinymce. It's hard to align or edit because it contains a lot of tags inside.\n2. Is to upload \"Blob file\" that plugin returns to your own server and after that add the IMG tag with path to the file. If you are using this method, you able to edit the graph and update the changes. (Take a look at the screenshot above).\n\n## How to test it:\n\n```\ngit clone https://github.com/Axel186/charts-tinymce-plugin.git\ncd charts-tinymce-plugin\nnpm install\nnpm start\n```\n\nNow go to `http://localhost:8080`.\n\n## How to build the dist files:\n\n```\nnpm run build\n```\n\nNow you got your own `dist` folder - minimized version of plugin already there.\n\n## The development server\n\nBy running the `npm start` command you start the development server and open a browser window with an instance of TinyMCE with your plugin added to it. This window will reload automatically whenever a change is detected in the `index.html` file in the `static` folder or in one of the JavaScript files in the `src` directory.\n\n## The production build\n\nBy running the `npm run build` command Webpack will create a `dist` directory with a child directory with the name of your plugin (charts-tinymce-plugin) containing three files:\n\n* `plugin.js` - the bundled plugin\n* `plugin.min.js` - the bundles, uglified and minified plugin\n* `LICENSE` - a file explaining the license of your plugin (copied over from `src/LICENSE`) \n\n## License - MIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxel186%2Fcharts-tinymce-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faxel186%2Fcharts-tinymce-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faxel186%2Fcharts-tinymce-plugin/lists"}