{"id":13473059,"url":"https://github.com/froala/wysiwyg-editor","last_synced_at":"2026-04-09T03:31:14.279Z","repository":{"id":13771548,"uuid":"16466496","full_name":"froala/wysiwyg-editor","owner":"froala","description":"The next generation Javascript WYSIWYG HTML Editor.","archived":false,"fork":false,"pushed_at":"2026-04-01T04:44:30.000Z","size":85862,"stargazers_count":5417,"open_issues_count":417,"forks_count":679,"subscribers_count":125,"default_branch":"master","last_synced_at":"2026-04-01T05:49:07.425Z","etag":null,"topics":["froala","javascript","rich-text-editor","wysiwyg","wysiwyg-editor","wysiwyg-html-editor"],"latest_commit_sha":null,"homepage":"https://www.froala.com/wysiwyg-editor","language":"CSS","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/froala.png","metadata":{"files":{"readme":"README.md","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2014-02-03T00:08:51.000Z","updated_at":"2026-04-01T04:44:37.000Z","dependencies_parsed_at":"2023-12-19T04:22:46.380Z","dependency_job_id":"e427ada4-8b10-4f89-90dc-87d39c0765aa","html_url":"https://github.com/froala/wysiwyg-editor","commit_stats":{"total_commits":3169,"total_committers":17,"mean_commits":"186.41176470588235","dds":"0.24203218680971916","last_synced_commit":"edfb6ef108726cfe68c19b02e338a0f5bfcf7063"},"previous_names":["stefanneculai/froala-wysiwyg"],"tags_count":150,"template":false,"template_full_name":null,"purl":"pkg:github/froala/wysiwyg-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/froala","download_url":"https://codeload.github.com/froala/wysiwyg-editor/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-editor/sbom","scorecard":{"id":411908,"data":{"date":"2025-08-11","repo":{"name":"github.com/froala/wysiwyg-editor","commit":"9089920dfbd0242c348da201f3b7935cf330ced1"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.5,"checks":[{"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":"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":"Code-Review","score":0,"reason":"Found 0/30 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":"Maintained","score":0,"reason":"1 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":"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":"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":"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":"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":"License","score":9,"reason":"license file detected","details":["Info: project has a license file: License.txt:0","Warn: project license file does not contain an FSF or OSI license."],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"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":"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":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"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"}},{"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"}}]},"last_synced_at":"2025-08-18T22:56:19.951Z","repository_id":13771548,"created_at":"2025-08-18T22:56:19.951Z","updated_at":"2025-08-18T22:56:19.951Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31584567,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"online","status_checked_at":"2026-04-09T02:00:06.848Z","response_time":112,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["froala","javascript","rich-text-editor","wysiwyg","wysiwyg-editor","wysiwyg-html-editor"],"created_at":"2024-07-31T16:01:00.360Z","updated_at":"2026-04-09T03:31:14.274Z","avatar_url":"https://github.com/froala.png","language":"CSS","funding_links":[],"categories":["CSS","Rich text editor","独立的","javascript","Animation","JQuery Based"],"sub_categories":["Editors"],"readme":"# [Froala Editor V5](https://www.froala.com/wysiwyg-editor)\n\n[![Build Status](https://api.travis-ci.com/froala-labs/froala-editor-js-2.svg?token=RmiyW7AecDyQ8ja7VMDj\u0026branch=master)](https://travis-ci.com/froala-labs/froala-editor-js-2)\n[![npm](https://img.shields.io/npm/dm/froala-editor.svg)](https://www.npmjs.com/package/froala-editor)\n[![npm](https://img.shields.io/npm/v/froala-editor.svg)](https://www.npmjs.com/package/froala-editor)\n\nFroala WYSIWYG HTML Editor is one of the most powerful JavaScript rich text editors ever.\n\n![WYSIWYG HTML Editor](https://raw.githubusercontent.com/froala/wysiwyg-editor/master/editor.jpg)\n\n- Slim - only add the plugins that you need ([30+ official plugins](https://www.froala.com/wysiwyg-editor/docs/plugins))\n- [Client frameworks integrations](https://www.froala.com/wysiwyg-editor/docs/framework-plugins/)\n- Server side SDKs for [PHP](https://www.froala.com/wysiwyg-editor/docs/sdks/php), [Node.JS](https://www.froala.com/wysiwyg-editor/docs/sdks/nodejs),  [.NET](https://www.froala.com/wysiwyg-editor/docs/sdks/dotnet), [Java](https://www.froala.com/wysiwyg-editor/docs/sdks/java), and [Python](https://www.froala.com/wysiwyg-editor/docs/sdks/python)\n- Code is well commented\n- [Online documentation](https://www.froala.com/wysiwyg-editor/docs) up to date\n- Simple to extend - the plugins are all well commented and simple to use as a basis for your own plugins\n- Well maintained - [frequent releases](https://www.froala.com/wysiwyg-editor/changelog)\n- Great support - [Help Center](https://wysiwyg-editor.froala.help)\n- Awesome [new features](https://wysiwyg-editor-roadmap.froala.com)\n​\n\n\n## Demos\n\n- **Basic demo**: https://www.froala.com/wysiwyg-editor\n- **Inline demo**: https://www.froala.com/wysiwyg-editor/inline\n- **Full list**: https://www.froala.com/wysiwyg-editor/examples\n\n\n\n## Download and Install Froala Editor\n\n### Install from npm\n\n```\nnpm install froala-editor\n```\n\n### Install from bower\n\n```\nbower install froala-wysiwyg-editor\n```\n\n### Load from CDN\nUsing Froala Editor from CDN is the easiest way to install it and we recommend using the jsDeliver CDN as it mirrors the NPM package. \n\n```html\n\u003c!-- Include Editor style. --\u003e\n\u003clink href=\"https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.pkgd.min.css\" rel=\"stylesheet\" type=\"text/css\" /\u003e\n\n\u003c!-- Create a tag that we will use as the editable area. --\u003e\n\u003c!-- You can use a div tag as well. --\u003e\n\u003ctextarea\u003e\u003c/textarea\u003e\n\n\u003c!-- Include Editor JS files. --\u003e\n\u003cscript type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/froala-editor@latest/js/froala_editor.pkgd.min.js\"\u003e\u003c/script\u003e\n\n\u003c!-- Initialize the editor. --\u003e\n\u003cscript\u003e\n  new FroalaEditor('textarea');\n\u003c/script\u003e\n```\n\n\n\n### Load from CDN as an AMD module\nFroala Editor is compatible with AMD module loaders such as RequireJS. The following example shows how to load it along with the Algin plugin from CDN using RequireJS.\n```html\n\u003chtml\u003e\n\u003chead\u003e\n  \u003c!-- Load CSS files. --\u003e\n  \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.css\"\u003e\n\n  \u003cscript src=\"require.js\"\u003e\u003c/script\u003e\n  \u003cscript\u003e\n    require.config({\n      packages: [{\n        name: 'froala-editor',\n        main: 'js/froala_editor.min'\n      }],\n      paths: {\n        // Change this to your server if you do not wish to use our CDN.\n        'froala-editor': 'https://cdn.jsdelivr.net/npm/froala-editor@latest'\n      }\n    });\n  \u003c/script\u003e\n\n  \u003cstyle\u003e\n    body {\n      text-align: center;\n    }\n    div#editor {\n      width: 81%;\n      margin: auto;\n      text-align: left;\n    }\n    .ss {\n      background-color: red;\n    }\n  \u003c/style\u003e\n\u003c/head\u003e\n\n\u003cbody\u003e\n  \u003cdiv id=\"editor\"\u003e\n    \u003cdiv id='edit' style='margin-top:30px;'\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\n  \u003cscript\u003e\n    require([\n      'froala-editor',\n      'froala-editor/js/plugins/align.min'\n    ], function(FroalaEditor) {\n      new FroalaEditor('#edit')\n    });\n  \u003c/script\u003e\n\u003c/body\u003e\n\n\u003c/html\u003e\n```\n\n\n\n### Load Froala Editor as a CommonJS Module\nFroala Editor is using an UMD module pattern, as a result it has support for CommonJS. *The following examples presumes you are using npm to install froala-editor, see Download and install FroalaEditor for more details.*\n\n```javascript\nvar FroalaEditor = require('froala-editor');\n\n// Load a plugin.\nrequire('froala-editor/js/plugins/align.min');\n\n// Initialize editor.\nnew FroalaEditor('#edit');\n```\n\n\n\n### Load Froala Editor as a transpiled ES6/UMD module\nSince Froala Editor supports ES6 (ESM - ECMAScript modules) and UMD (AMD, CommonJS), it can be also loaded as a module with the use of transpilers. E.g. Babel, Typescript. *The following examples presumes you are using npm to install froala-editor, see Download and install FroalaEditor for more details.*\n\n```javascript\nimport FroalaEditor from 'froala-editor'\n\n// Load a plugin.\nimport 'froala-editor/js/plugins/align.min.js'\n\n// Initialize editor.\nnew FroalaEditor('#edit')\n```\n\nFor more details on customizing the editor, please check the editor [documentation](https://www.froala.com/wysiwyg-editor/docs).\n\n\n\n## Use with your existing framework\n\n- Angular JS: https://github.com/froala/angular-froala\n- Angular 2: https://github.com/froala/angular2-froala-wysiwyg\n- Aurelia: https://github.com/froala/aurelia-froala-editor\n- CakePHP: https://github.com/froala/wysiwyg-cake\n- Craft 2 CMS: https://github.com/froala/Craft-Froala-WYSIWYG\n- Craft 3 CMS: https://github.com/froala/Craft-3-Froala-WYSIWYG\n- Django: https://github.com/froala/django-froala-editor\n- Ember: https://github.com/froala/ember-froala-editor\n- Knockout: https://github.com/froala/knockout-froala\n- Meteor: https://github.com/froala/meteor-froala\n- Ruby on Rails: https://github.com/froala/wysiwyg-rails\n- React JS: https://github.com/froala/react-froala-wysiwyg/\n- Reactive: https://github.com/froala/froala-reactive\n- Symfony: https://github.com/froala/KMSFroalaEditorBundle\n- Vue JS: https://github.com/froala/vue-froala-wysiwyg/\n- Yii2: https://github.com/froala/yii2-froala-editor\n- Wordpress: https://github.com/froala/wordpress-froala-wysiwyg\n\n\n\n\n## Browser Support\n\nAt present, we officially aim to support the last two versions of the following browsers:\n\n- Chrome\n- Edge\n- Firefox\n- Safari\n- Opera\n- Internet Explorer 11\n- Safari iOS\n- Chrome, Firefox and Default Browser Android\n\n\n\n## Resources\n\n- Demo: [www.froala.com/wysiwyg-editor](http://www.froala.com/wysiwyg-editor)\n- Download Page: [www.froala.com/wysiwyg-editor/download](https://www.froala.com/wysiwyg-editor/download)\n- Documentation:  [froala.com/wysiwyg-editor/docs](https://www.froala.com/wysiwyg-editor/docs)\n- License Agreement: [www.froala.com/wysiwyg-editor/terms](https://www.froala.com/wysiwyg-editor/terms)\n- Support: [wysiwyg-editor.froala.help](https://wysiwyg-editor.froala.help/hc/en-us)\n- Roadmap \u0026 Feature Requests: [https://wysiwyg-editor-roadmap.froala.com](https://wysiwyg-editor-roadmap.froala.com)\n- Issues [Repo guidelines](https://github.com/highcharts/highcharts/blob/master/repo-guidelines.md)\n\n\n\n\n## Reporting Issues\n\nWe use GitHub Issues as the official bug tracker for the Froala WYSIWYG HTML Editor. Here are some advices for our users that want to report an issue:\n\n1. Make sure that you are using the latest version of the Froala WYSIWYG Editor. The issue that you are about to report may be already fixed in the latest master branch version: https://github.com/froala/froala-wysiwyg/tree/master/js.\n2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. A JSFiddle is always welcomed, and you can start from this [basic one](https://jsfiddle.net/froala/cgu0dmxh/).\n3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.\n\n\n\n\n## Technical Support or Questions\n\nIf you have questions or need help integrating the editor please [contact us](https://froala.com/contact/) instead of opening an issue.\n\n\n\n## Licensing\n\nAll plugins would be restricted for an unlicensed version. To try out the full functionality, you’ll need to register for a trial license [here](https://froala.com/get-trial-key/), which is valid for a limited time.\n\nTo continue using the Froala Editor beyond the trial period, you’ll need to purchase a commercial license that suits your use case.\nFor more details, visit our [pricing plan page](https://www.froala.com/wysiwyg-editor/pricing).\n\nThis software includes open-source components. License information is available in the License file in the root folder.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffroala%2Fwysiwyg-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffroala%2Fwysiwyg-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffroala%2Fwysiwyg-editor/lists"}