{"id":18307927,"url":"https://github.com/froala/wysiwyg-cake2","last_synced_at":"2026-04-02T21:29:25.528Z","repository":{"id":14028804,"uuid":"16730957","full_name":"froala/wysiwyg-cake2","owner":"froala","description":"CakePHP Plugin for Froala Javascript WYSIWYG Rich Text Editor.","archived":false,"fork":false,"pushed_at":"2026-03-31T07:01:11.000Z","size":13273,"stargazers_count":11,"open_issues_count":0,"forks_count":12,"subscribers_count":9,"default_branch":"master","last_synced_at":"2026-03-31T09:09:30.392Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://froala.com/wysiwyg-editor","language":"CSS","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/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-11T13:04:52.000Z","updated_at":"2026-03-31T07:01:17.000Z","dependencies_parsed_at":"2026-03-31T09:03:12.880Z","dependency_job_id":null,"html_url":"https://github.com/froala/wysiwyg-cake2","commit_stats":{"total_commits":144,"total_committers":10,"mean_commits":14.4,"dds":"0.42361111111111116","last_synced_commit":"4daf8340c81b5ba5187078929f7404f00cfdf6b3"},"previous_names":[],"tags_count":105,"template":false,"template_full_name":null,"purl":"pkg:github/froala/wysiwyg-cake2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-cake2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-cake2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-cake2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-cake2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/froala","download_url":"https://codeload.github.com/froala/wysiwyg-cake2/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-cake2/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31316813,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T12:59:32.332Z","status":"ssl_error","status_checked_at":"2026-04-02T12:54:48.875Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":[],"created_at":"2024-11-05T16:05:56.258Z","updated_at":"2026-04-02T21:29:25.510Z","avatar_url":"https://github.com/froala.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Froala WYSIWYG Editor Plugin for CakePHP\n\n[![Build Status](https://travis-ci.org/froala/wysiwyg-cake2.svg)](https://travis-ci.org/froala/wysiwy-cake2)\n[![Packagist](https://img.shields.io/packagist/v/froala/wysiwyg-cake2.svg)](https://packagist.org/packages/froala/wysiwyg-cake2)\n[![Packagist](https://img.shields.io/packagist/dt/froala/wysiwyg-cake2.svg)](https://packagist.org/packages/froala/wysiwyg-cake2)\n\n\u003eCakePHP Plugin for Froala Javascript WYSIWYG Text Editor. For cake 2.3+\n\n## About\nThe purpose of placing [Froala WYSIWYG Editor](http://editor.froala.com) in a plugin is to keep it separate from a themed view, the regular webroot or the app in general, which makes it easier to update and overall follows the idea of keeping the code clean and modular.\n\n## Installation\nTo use Froala WYSIWYG Editor you need to clone git repository:\n\n\tgit clone git://github.com/froala/wysiwyg-cake2.git Plugin/Froala\n\nOr if your CakePHP application is setup as a git repository, you can add it as a submodule:\n\n\tgit submodule add git://github.com/froala/wysiwyg-cake2.git Plugin/Froala\n\nAlternatively, you can download an archive from the [master branch on Github](https://github.com/froala/wysiwyg-cake/archive/master.zip) and extract the contents to `Plugin/Froala`.\n\n Add:\n\n         \"froala/wysiwyg-cake2\": \"^2.9\"\n\nto the require section of your composer.json file.\n\nor use [composer](https://getcomposer.org/download/) :\n\n    php ./composer.phar require froala/wysiwyg-cake2\n\nThen move the FroalaEditor folder from /Plugins to app/Plugin and rename it to Froala,or directly clone the folder from git repository to app/Plugin. \n\n## Usage\nThe Froala helper is basically just a convenience helper that allows you to use php and CakePHP conventions to generate the configuration for Froala and as an extra it allows you to load configs.\n\nThere two ways you can use this plugin, simply use the helper or load the editor \"by hand\" using\n\n```php\n$this-\u003eHtml-\u003ecss('/Froala/css/froala_editor.min.css');\n$this-\u003eHtml-\u003escript('/Froala/js/froala_editor.min.js', array('toolbarInline' =\u003e false));\n```\n\nand placing your own script in the head of the page. Please note that the helper will auto add the Froala editor script to the header of the page. No need to to that by hand if you use the helper.\n\nIf your app is not set up to work in the top level of your host / but instead in /yourapp/ the automatic inclusion of the script wont work. You'll manually have to add the js file to your app:\n\n```php\n$this-\u003eHtml-\u003ecss('/yourapp/Froala/css/froala_editor.min.css');\n$this-\u003eHtml-\u003escript('/yourapp/Froala/js/froala_editor.min.js', array('toolbarInline' =\u003e false));\n```\n\nIf you need to load the plugins, then use:\n\n```php\n$this-\u003eHtml-\u003escript(\n  array(\n    '/Froala/js/froala_editor.min.js',\n    '/Froala/js/plugins/align.min.js',\n    '/Froala/js/plugins/char_counter.min.js',\n    '/Froala/js/plugins/code_beautifier.min.js',\n    '/Froala/js/plugins/code_view.min.js',\n    '/Froala/js/plugins/colors.min.js',\n    '/Froala/js/plugins/draggable.min.js',\n    '/Froala/js/plugins/emoticons.min.js',\n    '/Froala/js/plugins/entities.min.js',\n    '/Froala/js/plugins/file.min.js',\n    '/Froala/js/plugins/font_family.min.js',\n    '/Froala/js/plugins/font_size.min.js',\n    '/Froala/js/plugins/fullscreen.min.js',\n    '/Froala/js/plugins/help.min.js',\n\t'/Froala/js/plugins/image.min.js',\n    '/Froala/js/plugins/image_manager.min.js',\n    '/Froala/js/plugins/inline_style.min.js',\n    '/Froala/js/plugins/line_breaker.min.js',\n    '/Froala/js/plugins/link.min.js',\n    '/Froala/js/plugins/lists.min.js',\n    '/Froala/js/plugins/paragraph_format.min.js',\n    '/Froala/js/plugins/paragraph_style.min.js',\n    '/Froala/js/plugins/print.min.js',\n    '/Froala/js/plugins/quick_insert.min.js',\n    '/Froala/js/plugins/quote.min.js',\n    '/Froala/js/plugins/save.min.js',\n    '/Froala/js/plugins/special_characters.min.js',\n    '/Froala/js/plugins/table.min.js',\n    '/Froala/js/plugins/url.min.js',\n    '/Froala/js/plugins/video.min.js'),\n\n  array('toolbarInline' =\u003e false)\n);\n\n\n$this-\u003eHtml-\u003ecss(\n  array(\n    '/Froala/css/froala_editor.min.css',\n    '/Froala/css/froala_style.min.css',\n    '/Froala/css/plugins/char_counter.min.css',\n    '/Froala/css/plugins/code_view.min.css',\n    '/Froala/css/plugins/colors.min.css',\n    '/Froala/css/plugins/draggable.min.css',\n    '/Froala/css/plugins/emoticons.min.css',\n    '/Froala/css/plugins/file.min.css',\n    '/Froala/css/plugins/fullscreen.min.css',\n    '/Froala/css/plugins/help.min.css',\n    '/Froala/css/plugins/image_manager.min.css',\n    '/Froala/css/plugins/image.min.css',\n    '/Froala/css/plugins/line_breaker.min.css',\n    '/Froala/css/plugins/quick_insert.min.css',\n    '/Froala/css/plugins/special_characters.min.css',\n    '/Froala/css/plugins/table.min.css',\n    '/Froala/css/plugins/video.min.css'\n  )\n);\n```\n\n## How to use the helper\n\nSince CakePHP 2.0 it is necessary to activate the plugin in your application. To do so,\nedit `app/Config/bootstrap.php` and add the line `CakePlugin::load('Froala');` at the\nbottom. If you already have `CakePlugin::loadAll();` to auto-load all plugins then you may skip this step.\n\nWherever you want to use it, load it in the controller\n\n```php\n\nclass AppController extends Controller\n{\n\t...\n\t\n\tpublic $helpers = array('Froala.Froala');\n\t\n\t...\n}\n```\n\nIn the view simply use the editor() method and pass options as key/value pairs in an array.\n\n\n```php\n\u003cdiv class=\"selector\"\u003e\n  \u003c?= $this-\u003eFroala-\u003eeditor('.selector');?\u003e\n\u003c/div\u003e\n```\n\nThis will instruct Froala to convert all matched elements on the page to Froala editors. If you require some more precise control, or want to change this behavior, checkout the [Froala configuration options](http://editor.froala.com/docs/options) on the Froala website.\n\n\n## Default options\n\nIf you want a quick way to configure default values for all the Froala Editors of an application, you could use the 'Froala.editorOptions' configuration.\n\nHere is an example of a line you could have in `bootstrap.php`:\n\n```php\nConfigure::write('Froala.editorOptions', array('height' =\u003e '300px'))\n```\n\nIt will make all editors to have a 300px height. You may want to override this value for a single editor. To do so, just pass the option to the editor() method and it will override the default value.\n\nYou can also pass options at editor iniliatization as given below \n```\n$this-\u003eFroala-\u003eeditor('.selector', array('option' =\u003e value));\n```\n\nYou can always check the tests to see how to use the helper.\n\n## Requirements\n\n* PHP version: PHP 5.2+\n* CakePHP version: CakePHP 2.1+\n\n## License\n\nThe `wysiwyg-cake` project is under MIT license. However, in order to use Froala WYSIWYG HTML Editor plugin you should purchase a license for it.\n\nFroala Editor has [3 different licenses](http://editor.froala.com/download/) for commercial use.\nFor details please see [License Agreement](http://editor.froala.com/license).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffroala%2Fwysiwyg-cake2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffroala%2Fwysiwyg-cake2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffroala%2Fwysiwyg-cake2/lists"}