{"id":13473359,"url":"https://github.com/froala/wysiwyg-rails","last_synced_at":"2025-05-14T04:09:13.347Z","repository":{"id":13826158,"uuid":"16522799","full_name":"froala/wysiwyg-rails","owner":"froala","description":"Ruby gem for Froala jQuery WYSIWYG HTML Rich Text Editor.","archived":false,"fork":false,"pushed_at":"2025-04-02T07:30:10.000Z","size":15398,"stargazers_count":461,"open_issues_count":19,"forks_count":103,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-04-11T14:17:13.674Z","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","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}},"created_at":"2014-02-04T19:25:40.000Z","updated_at":"2025-04-07T12:14:19.000Z","dependencies_parsed_at":"2024-06-14T10:00:57.599Z","dependency_job_id":"14a7f347-e90c-48a7-944c-48af8e8f4bfb","html_url":"https://github.com/froala/wysiwyg-rails","commit_stats":{"total_commits":169,"total_committers":21,"mean_commits":8.047619047619047,"dds":0.3727810650887574,"last_synced_commit":"88359d41c8e7ff67ea3475530132417dbb35562c"},"previous_names":[],"tags_count":107,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-rails","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-rails/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-rails/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Fwysiwyg-rails/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/froala","download_url":"https://codeload.github.com/froala/wysiwyg-rails/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253650904,"owners_count":21942226,"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":[],"created_at":"2024-07-31T16:01:02.937Z","updated_at":"2025-05-14T04:09:08.312Z","avatar_url":"https://github.com/froala.png","language":"CSS","funding_links":[],"categories":["基于 Ruby","CSS","For Ruby","WYSIWIG"],"sub_categories":[],"readme":"# Rails Froala WYSIWYG HTML Editor\n\n[![Travis](https://img.shields.io/travis/froala/wysiwyg-rails.svg)](http://travis-ci.org/froala/wysiwyg-rails)\n[![Gem](https://img.shields.io/gem/v/wysiwyg-rails.svg)](https://rubygems.org/gems/wysiwyg-rails/versions/2.1.0)\n[![Gem](https://img.shields.io/gem/dt/wysiwyg-rails.svg)](https://rubygems.org/gems/wysiwyg-rails/versions/2.1.0)\n[![license](https://img.shields.io/github/license/froala/wysiwyg-rails.svg)](https://rubygems.org/gems/wysiwyg-rails/versions/2.1.0)\n\n\u003ewysiwyg-rails provides the [Froala WYSIWYG HTML Editor](https://froala.com/wysiwyg-editor) javascript and stylesheets as a Rails engine for use with the asset pipeline.\n\n## Installation\n\nAdd this to your Gemfile:\n\n```ruby\ngem \"wysiwyg-rails\"\n```\n\nand run `bundle install`.\n## Usage\nIn your index.html.erb add\n```\n\u003cscript type=\"text/javascript\" src = \"../../assets/froala_editor.pkgd.min.js\"\u003e\u003c/script\u003e\n```\nTo use third-party plugins  add\n```\n\u003cscript type=\"text/javascript\" src = \"../../assets/third_party/font_awesome.min.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\" src = \"../../assets/third_party/embedly.min.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\" src = \"../../assets/third_party/image_tui.min.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\" src = \"../../assets/third_party/spell_checker.min.js\"\u003c/script\u003e\n```\nInitialize editor by adding below in body of index.html.erb\n```\n new FroalaEditor('#edit', {\n   \n  })\n```\n## Options\nYou can pass options to editor by including these in index.html.erb\n```\nnew FroalaEditor('#editor', {\noptions :  value\n});\n```\n\n## Include in assets\n\nIn your `application.css.scss`, include the css file:\n\n```css\n/*\n @import \"froala_editor.min\";\n @import \"froala_style.min\";\n */\n```\n\nIf you want to use the dark theme, then you have to include `themes/dark.min.css` file too.\n\nIn your `application.js.coffee`, include the JS file:\n\n```coffeescript\n#= require froala_editor.min.js\n\nnew FroalaEditor('selector',{\n  \n});\n```\n\nIf you need to use any of the [Available Plugins](https://froala.com/wysiwyg-editor/docs/plugins), then you should include those too in your `application.js.coffee` and `application.css.scss`.\n\n```coffeescript\n# Include other plugins.\n#= require plugins/align.min.js\n#= require plugins/char_counter.min.js\n#= require plugins/code_beautifier.min.js\n#= require plugins/code_view.min.js\n#= require plugins/colors.min.js\n#= require plugins/emoticons.min.js\n#= require plugins/entities.min.js\n#= require plugins/file.min.js\n#= require plugins/font_family.min.js\n#= require plugins/font_size.min.js\n#= require plugins/fullscreen.min.js\n#= require plugins/help.min.js\n#= require plugins/image.min.js\n#= require plugins/image_manager.min.js\n#= require plugins/inline_class.min.js\n#= require plugins/inline_style.min.js\n#= require plugins/line_breaker.min.js\n#= require plugins/line_height.min.js\n#= require plugins/link.min.js\n#= require plugins/lists.min.js\n#= require plugins/paragraph_format.min.js\n#= require plugins/paragraph_style.min.js\n#= require plugins/print.min.js\n#= require plugins/quick_insert.min.js\n#= require plugins/quote.min.js\n#= require plugins/save.min.js\n#= require plugins/table.min.js\n#= require plugins/special_characters.min.js\n#= require plugins/url.min.js\n#= require plugins/video.min.js\n\n#= require third_party/embedly.min.js\n#= require third_party/font_awesome.min.js\n#= require third_party/image_tui.min.js\n#= require third_party/spell_checker.min.js\n```\n\n```css\n@import 'plugins/char_counter.min.css';\n@import 'plugins/code_view.min.css';\n@import 'plugins/colors.min.css';\n@import 'plugins/emoticons.min.css';\n@import 'plugins/file.min.css';\n@import 'plugins/fullscreen.min.css';\n@import 'plugins/help.min.css';\n@import 'plugins/image_manager.min.css';\n@import 'plugins/image.min.css';\n@import 'plugins/line_breaker.min.css';\n@import 'plugins/quick_insert.min.css';\n@import 'plugins/special_characters.min.css';\n@import 'plugins/table.min.css';\n@import 'plugins/video.min.css';\n\n@import 'third_party/embedly.min.css';\n@import 'third_party/image_tui.min.css';\n@import 'third_party/spell_checker.min.css';\n```\n\nSimilar, if you want to use language translation you have to include the translation file.\n\n```coffeescript\n# Include Language if needed\n#= require languages/ro.js\n```\n\nThen restart your web server if it was previously running.\n\n## Initialize Editor\n\nDetails about initializing the editor can be found in the [Froala WYSIWYG Editor official documentation](https://www.froala.com/wysiwyg-editor/docs).\n\n## License\n\nThe `wysiwyg-rails` 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](https://froala.com/wysiwyg-editor/pricing).\nFor details please see [License Agreement](https://froala.com/wysiwyg-editor/terms).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffroala%2Fwysiwyg-rails","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffroala%2Fwysiwyg-rails","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffroala%2Fwysiwyg-rails/lists"}