{"id":13554900,"url":"https://github.com/highcharts/highcharts-editor","last_synced_at":"2025-04-06T11:10:32.676Z","repository":{"id":50377563,"uuid":"65719155","full_name":"highcharts/highcharts-editor","owner":"highcharts","description":null,"archived":false,"fork":false,"pushed_at":"2023-03-07T18:13:04.000Z","size":6774,"stargazers_count":251,"open_issues_count":67,"forks_count":97,"subscribers_count":39,"default_branch":"master","last_synced_at":"2025-03-30T10:06:57.395Z","etag":null,"topics":["charting","highcharts","wysiwyg"],"latest_commit_sha":null,"homepage":"https://www.highcharts.com/products/highcharts-editor","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/highcharts.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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}},"created_at":"2016-08-15T09:02:28.000Z","updated_at":"2025-03-28T03:40:42.000Z","dependencies_parsed_at":"2022-09-19T22:32:00.185Z","dependency_job_id":"d9cf3f86-0f0d-4222-b2c3-5f11574642ae","html_url":"https://github.com/highcharts/highcharts-editor","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/highcharts%2Fhighcharts-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/highcharts%2Fhighcharts-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/highcharts%2Fhighcharts-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/highcharts%2Fhighcharts-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/highcharts","download_url":"https://codeload.github.com/highcharts/highcharts-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247471521,"owners_count":20944158,"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":["charting","highcharts","wysiwyg"],"created_at":"2024-08-01T12:02:57.274Z","updated_at":"2025-04-06T11:10:32.657Z","avatar_url":"https://github.com/highcharts.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","others"],"sub_categories":[],"readme":"Highcharts Editor\n===\n\n*Stand-alone and embeddable chart editor for Highcharts*\n\n# IMPORTANT NOTICE\n\n**The Highcharts Editor is currently in Beta. The master branch is not suited for production - use one of the [pre-built releases](https://github.com/highcharts/highcharts-editor/releases).**\n\n## Introduction\n\n![screenshots/customize.png](screenshots/newer_design.png)\n\n**[Click here for live demos](http://editor.highcharts.com)**\n\n`highcharts-editor` is a lightweight chart editor for highcharts that can be embedded into existing frameworks and libraries, or used stand-alone.\nIt requires no back-end service to operate.\n\n## Features\n\t\n  * Light on dependencies: requires only Highcharts, FontAwesome, and (optionally) two Google Fonts\n  * Lightweight: weighs in at ~40kb minified and gzipped\n  * 100% client-side\n  * Integration with Highcharts Cloud\n  * Outputs embeddable HTML, JavaScript, and JSON\n  * Highly configurable\n  * Plug-in system\n\n## Note about upgrading from 0.1.3\n\nThe transition from 0.1.3 to 0.2.0 introduces some fundemental changes. \n\nMost notable is the complete design overhaul.\n\nThere are however also changes to the way the editor is built.\n\nPreviously, templates were part of the default build - now, templates are bundled\nin separate product bundles. This means that in order for the default templates to\nshow up, `highcharts-editor.with.modules.min.js` must also be included.\n\nAlternatively, include `highcharts-editor.complete.js` which includes the editor itself, all templates,\nand advanced mode baked into a single file.\n\nA full list of changes can be found [here](CHANGELOG.md).\n\n## Installing and Building\n\n**Pre-built**\n\nWe strongly encourage you to use the pre-built stable versions of the editor.\n\nYou can find these [here](https://github.com/highcharts/highcharts-editor/releases).\n\n**Cloning and building the repository**\n\n\tgit clone https://github.com/highcharts/highcharts-editor\n\tcd highcharts-editor\n\tnpm install\n\tgulp\n\n**Build options**\n  * `gulp`: Builds distribution packages for the editor and the bundled integrations and plugins\n  * `gulp electron`: Builds Electron packages for Windows/Linux/OSX\n  * `gulp with-advanced`: Builds packages for the advanced editor which exposes all API settings\n  * `gulp complete`: Builds a complete bundle with advanced mode, and all supported modules\n\n**Notice for windows users:** You need [7zip](http://www.7-zip.org/) installed and added to your path for `gulp electron` to work!\n\nThis will put a built version in the `dist` folder.\n\n## Running from unminified sources locally\n\nIf extending/modifying the editor code itself (or adding themes etc.), use the bundled\nexpress server. This server uses the source files directly without minifying/concatenating which\nmakes it easier to debug and test things. It also bakes the Less files for each request.\n\nRun `node bin/www` to start it, then head to `http://127.0.0.1:3005` for further instructions.\n\nIf you want to add new source files, add it to `res/filelist.json`,\nand it should be picked up in both the build script and the server. \nNote that the include order matters, so be sure to add it at the bottom, or before\nany other files that might depend on its content.\n\n## Embedding Hello World\n\n\t\u003c!DOCTYPE html\u003e\n\t\u003chtml\u003e\n\t\t\u003chead\u003e\n      \u003clink href=\"highcharts-editor.min.css\" type=\"text/css\" rel=\"stylesheet\"/\u003e\n      \u003cscript src=\"highcharts-editor.min.js\" type=\"text/javascript\" charset=\"utf-8\"\u003e\u003c/script\u003e\n\t\t\u003c/head\u003e\n\t\t\u003cbody\u003e\n\t\t\u003c/body\u003e\n\t\t\u003cscript\u003e\n\t\t\t//Create an editor widget and attach it to the document body      \n\t\t\thighed.Editor(document.body).on('ChartChange', function (data) {\n          //Do something with the modified chart here.\n      });\n\t\t\u003c/script\u003e\n\t\u003c/html\u003e\n\n## Integrations\n\nA number of example integrations are included in the editor:\n  * [TinyMCE](https://github.com/highcharts/highcharts-editor/wiki/TinyMCE)\n  * [Wordpress](https://github.com/highcharts/highcharts-editor/wiki/Wordpress)\n  * [Electron](https://github.com/highcharts/highcharts-editor/wiki/Native-OSX-Windows-Linux)\n  * [CKEditor](https://github.com/highcharts/highcharts-editor/wiki/CKEditor)\n\n## General Documentation\n  * [Full documentation](https://github.com/highcharts/highcharts-editor/wiki)\n  * [Using plug-ins](https://github.com/highcharts/highcharts-editor/wiki/Plugins)\n  * [Enabling the advanced editor](https://github.com/highcharts/highcharts-editor/wiki/Enable-Advanced-Customization)\n  * [Customizing available editable properties](https://github.com/highcharts/highcharts-editor/wiki/Choosing-Options)\n  * [Adding custom templates](https://github.com/highcharts/highcharts-editor/wiki/Custom-Templates)\n  * [Disabling editor features](https://github.com/highcharts/highcharts-editor/wiki/Disable-Features)\n\n## License\n\nThe editor is licensed under [MIT](LICENSE).\n\nNote that the use of Highcharts itself (which the editor depends on) falls under the [Highcharts License](https://github.com/highcharts/highcharts/blob/master/license.txt).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhighcharts%2Fhighcharts-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhighcharts%2Fhighcharts-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhighcharts%2Fhighcharts-editor/lists"}