froala / wysiwyg-rails

Ruby gem for Froala jQuery WYSIWYG HTML Rich Text Editor.

Rails Froala WYSIWYG HTML Editor

wysiwyg-rails provides the Froala WYSIWYG HTML Editor javascript and stylesheets as a Rails engine for use with the asset pipeline.

Installation

Add this to your Gemfile:

gem "wysiwyg-rails"

and run bundle install.

Usage

In your index.html.erb add

<script type="text/javascript" src = "../../assets/froala_editor.pkgd.min.js"></script>

To use third-party plugins add

<script type="text/javascript" src = "../../assets/third_party/font_awesome.min.js"></script>
<script type="text/javascript" src = "../../assets/third_party/embedly.min.js"></script>
<script type="text/javascript" src = "../../assets/third_party/image_tui.min.js"></script>
<script type="text/javascript" src = "../../assets/third_party/spell_checker.min.js"</script>

Initialize editor by adding below in body of index.html.erb

 new FroalaEditor('#edit', {
   
  })

Options

You can pass options to editor by including these in index.html.erb

new FroalaEditor('#editor', {
options :  value
});

Include in assets

In your application.css.scss, include the css file:

/*
 @import "froala_editor.min";
 @import "froala_style.min";
 */

If you want to use the dark theme, then you have to include themes/dark.min.css file too.

In your application.js.coffee, include the JS file:

#= require froala_editor.min.js

new FroalaEditor('selector',{
  
});

If you need to use any of the Available Plugins, then you should include those too in your application.js.coffee and application.css.scss.

# Include other plugins.
#= require plugins/align.min.js
#= require plugins/char_counter.min.js
#= require plugins/code_beautifier.min.js
#= require plugins/code_view.min.js
#= require plugins/colors.min.js
#= require plugins/emoticons.min.js
#= require plugins/entities.min.js
#= require plugins/file.min.js
#= require plugins/font_family.min.js
#= require plugins/font_size.min.js
#= require plugins/fullscreen.min.js
#= require plugins/help.min.js
#= require plugins/image.min.js
#= require plugins/image_manager.min.js
#= require plugins/inline_class.min.js
#= require plugins/inline_style.min.js
#= require plugins/line_breaker.min.js
#= require plugins/line_height.min.js
#= require plugins/link.min.js
#= require plugins/lists.min.js
#= require plugins/paragraph_format.min.js
#= require plugins/paragraph_style.min.js
#= require plugins/print.min.js
#= require plugins/quick_insert.min.js
#= require plugins/quote.min.js
#= require plugins/save.min.js
#= require plugins/table.min.js
#= require plugins/special_characters.min.js
#= require plugins/url.min.js
#= require plugins/video.min.js

#= require third_party/embedly.min.js
#= require third_party/font_awesome.min.js
#= require third_party/image_tui.min.js
#= require third_party/spell_checker.min.js

@import 'plugins/char_counter.min.css';
@import 'plugins/code_view.min.css';
@import 'plugins/colors.min.css';
@import 'plugins/emoticons.min.css';
@import 'plugins/file.min.css';
@import 'plugins/fullscreen.min.css';
@import 'plugins/help.min.css';
@import 'plugins/image_manager.min.css';
@import 'plugins/image.min.css';
@import 'plugins/line_breaker.min.css';
@import 'plugins/quick_insert.min.css';
@import 'plugins/special_characters.min.css';
@import 'plugins/table.min.css';
@import 'plugins/video.min.css';

@import 'third_party/embedly.min.css';
@import 'third_party/image_tui.min.css';
@import 'third_party/spell_checker.min.css';

Similar, if you want to use language translation you have to include the translation file.

# Include Language if needed
#= require languages/ro.js

Then restart your web server if it was previously running.

Initialize Editor

Details about initializing the editor can be found in the Froala WYSIWYG Editor official documentation.

License

The wysiwyg-rails project is under MIT license. However, in order to use Froala WYSIWYG HTML Editor plugin you should purchase a license for it.

Froala Editor has 3 different licenses. For details please see License Agreement.

wysiwyg-rails's Issues

Track Changes

Great product. I do not see an option to provide track changes editing (i.e., changes are marked with underline or something similar as they are typed in). Is this possible / has it been considered?

Wysiwyg html not rendering

Gem File

rails version 5.0.0.1
gem "wysiwyg-rails", :git => 'https://github.com/froala/wysiwyg-rails.git'

Gem List to Show Verision of Gem

wysiwyg-rails (2.4.0)

application.scss

  *= require froala_editor.min.css
  *= require froala_style.min.css
  *= require font-awesome

application.js

//= require froala_editor.min.js

_form.html.erb

<%= f.text_area :description, :id => 'edit' %>

javascript in form

$(function() {
          $('#edit').froalaEditor({
            heightMin: 100,
            heightMax: 200
          })
      });

Album Show Page

        <div class="col-md-6">
            <div class="fr-view">
                <%= @album.description %>
            </div>
        </div>

My issue is when i go to view the show page the html styles do not render in the browser from the wysiwyg editor, everything in my app has its structure and there styles working, but just not the text created from the wysiwyg editor doesn't render

for example
This is the show page of the data from the wysiwyg

Note:
The wysiwyg form renders fine. everything in the form works.

Thank you

Sprockets::FileNotFound couldn't find file 'froala_page.min.css'

I followed all the steps you have for the gem but get the error above (couldn't find file 'froala_page.min.css'). Can you help in resolving this?

Update font-awesome-rails to 4.3.0.0

Currently is 4.2.0.0, preventing us to access the new icons from font-awesome 4.3.0 :)

Use purchased version

Hello, how can I use the purchased froala with this gem? Because I always get "Unlicensed copy of the Froala Editor. Use it legally by purchasing a license.

Thank you.

Use of font_awesome_rails versus font-awesome-sass

I'm using the officially supported Font Awesome ruby gem in a rails app. Why the hard dependency on font_awsome_rails rather than use the officially supported gem?

https://github.com/FortAwesome/font-awesome-sass

After purchasing license, how to use?

rails 4.2

Embed link doesn't display correctly

How to reproduce:

• Froala editor, click the embed.ly plugin button and use a link, for example: http://vimeo.com/18150336.
• The embed video will appear in the froala editor text area.
• Now submit.
• Check your view: the only thing that get displayed is a big white block.

I'm displaying raw html: <%= raw @post.body %>

System: Rails 5.1.4, Ruby 2.5

Color picker is not showing up on the editor.

I am using froala in rails app and Color Picker is not showing up. I have every plugin listed like below and I hadded this config. Any ideas? Thanks!

  colors: [
        '#15E67F', '#E3DE8C', '#D8A076', '#D83762', '#76B6D8', 'REMOVE',
        '#1C7A90', '#249CB8', '#4ABED9', '#FBD75B', '#FBE571', '#FFFFFF'
      ],

      // How many colors on a line.
      colorsStep: 6,

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require froala_editor.min.js
//= require plugins/block_styles.min.js
//= require plugins/colors.min.js
//= require plugins/media_manager.min.js
//= require plugins/tables.min.js
//= require plugins/video.min.js
//= require plugins/font_family.min.js
//= require plugins/font_size.min.js
//= require plugins/file_upload.min.js
//= require plugins/lists.min.js
//= require plugins/char_counter.min.js
//= require plugins/fullscreen.min.js
//= require plugins/urls.min.js
//= require plugins/inline_styles.min.js
//= require froala.js

Image Upload

Hello, I am trying Froala editor for our application.
If I try upload image, I see in web console (newest FF and Chrome):

Refused to load the image 'blob:http://localhost:3000/4fc02830-3f04-456e-b63a-dcc95b1e2e8d' because it violates the following Content Security Policy directive: "img-src * data:".

My configuration:

    imageUploadMethod: 'POST',
    imageUploadURL: '/tinymce_assets',
    // Set max image size to 5MB.
    imageMaxSize: 5 * 1024 * 1024,
    imageUploadParams: {
      id: 'my_editor'
    }

Where is problem? Thank you

Not working on rails 5.0

I am getting the following errors during bundle install

Bundler could not find compatible versions for gem "railties":
In snapshot (Gemfile.lock):
railties (= 5.0.0)

In Gemfile:
coffee-rails (~> 4.2) was resolved to 4.2.1, which depends on
railties (< 5.2.x, >= 4.0.0)

devise was resolved to 4.2.0, which depends on
  railties (< 5.1, >= 4.1.0)

font-awesome-rails was resolved to 4.6.3.1, which depends on
  railties (< 5.1, >= 3.2)

jquery-rails was resolved to 4.1.1, which depends on
  railties (>= 4.2.0)

rails (~> 5.0.0) was resolved to 5.0.0, which depends on
  railties (= 5.0.0)

devise was resolved to 4.2.0, which depends on
  responders was resolved to 2.2.0, which depends on
    railties (< 5.1, >= 4.2.0)

sass-rails (~> 5.0) was resolved to 5.0.5, which depends on
  railties (< 6, >= 4.0.0)

web-console was resolved to 3.3.1, which depends on
  railties (>= 5.0)

wysiwyg-rails was resolved to 1.0.3, which depends on
  railties (< 5.0, >= 3.2)

Update to use FA5

PR #60 addresses this issue. Currently, FA5 is not compatible with this wysiwyg editor.

Wiris plugin

Hello, how can I install this Froala plugin using this gem?.

I tried with default instructions with no success.

Link attached : http://www.wiris.com/en/plugins/docs/froala

regards

Non-Breaking Space (Problem)

I am creating this issue because I have been having a hard time with Froala 1.2.7's insertion of a Non-Breaking Space in HTML. The problem happens after I paste a special character (such a series of underscores, i.e. "____") next to alphabetic text (i.e, a-z) or other special characters, and then I press the space bar between the letter and the underscore. Every time, Froala insists to make that space a non-breaking space, even though only 1 space exists between the underscore and the letter (a-z).

The non-breaking space would make sense if I pressed the space bar more than once, but if I press it only once, it should not cause a non-breaking space to appear in the HTML code.

I am using a MacBook Pro with OS X 10.10.3. I am using Chrome 43.0.2357.81 (64-bit).

Dependencies for Rails 5

Hello there,

Could you please update the dependency for railties to >= 5.0.

Otherwise I cannot use it with Rails 5 and I would really like to keep using this gem.

Thanks in advance.

image upload using paperclip

How do upload images using paperclip gem. I find out from their website that I probably need to play around with the code below, but I can't seem to find a solution for this. Any help is appreciated.

// Set the image upload parameter.
imageUploadParam: 'image_param',

// Set the image upload URL.
imageUploadURL: '/upload_image',

// Additional upload params.
imageUploadParams: {id: 'my_editor'}

Missing V2 in readme

The readme should probably say that this specifically uses V2. I realize now that it links to the V2 page, but folks like me who just search for things may end up on the V1 docs. (Just spent forever pulling my hair out trying to get a basic setup going looking at the old V1 docs.)

Missing assets

I've found a few files missing from lib
CSS:
froala_page.min.css

JS:
plugins/font_family.min.js
plugins/font_size.min.js
plugins/file_upload.min.js
plugins/lists.min.js

The other assets were found just fine.

What I have to mention in the simple_form class so that I get to display the editor in the form ?

Hi,
Thank you so much for lovely awesome gem, What I have to mention in the simple_form class so that I get to display the editor in the form ? for example.

<%= simple_form_for @posts do |f| %>
    <%= f.input :username %>
    <%= f.input :error_id %>
    <%= f.input :classification, class: :??? %>
<% end %>

Please help me..!! :)

Best Regards
SB Rasool.

Upload images to cloudinary or amazonS3

Would be nice to have documentation for loading the images to cloudinary or amazonS3. The documentation is somewhat not clear how to do this in rails, it covers php and asp.

Multiple editors on the same page.

As the title says I have multiple editors on the same page, overall it works but I have a problem with image upload button. While on first editor the "click" to upload image opens my browser window, on the second editor nothing happens. It seems that is javascript problem I would like to know if we could have a walk-around.

Thanks in advance.

css doesn't apply

Hi,

I've been trying to render the test I edited using Froala, but I got a few problems. I'm using rails-sass, so I imported the css files for froala using

@import "froala_editor.min.css";
@import "froala_style.min.css";
@import "plugins/video.min.css";
@import "plugins/video.min.css";
@import "plugins/file.min.css";
@import "plugins/image.min.css";
@import "plugins/fullscreen.min.css";
@import "plugins/quick_insert.min.css";

The thing is, it seems like it doesn't work. Unlike all other vendors, these lines are rendered directly in my compiled css file, same format:

@charset "UTF-8";
/* -------------------------------------
 * Fonts
 * ------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Montserrat:400,700|Raleway:300,400");
@import url(froala_editor.min.css);
@import url(froala_style.min.css);
@import url(plugins/video.min.css);
@import url(plugins/video.min.css);
@import url(plugins/file.min.css);
@import url(plugins/image.min.css);
@import url(plugins/fullscreen.min.css);
@import url(plugins/quick_insert.min.css);

...

Is that related to sass ? or did I miss something ?

Second problem is, I assume the fr-view class is the one in charge of formatting the way my text is rendered, but since I do not have the css file, I had to find an alternative, so I used the rails sanitize method. It seems to be working, however, the videos are not displayed, and the text-align is not maintained. Without sanitize, I get this :

<p class="futura-order centered">
   <span class="fr-video fr-dvb fr-draggable" contenteditable="false" draggable="true">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/1G4isv_Fylg" frameborder="0" allowfullscreen="">
      </iframe>
   </span>
   <br>
</p>

With sanitize, it turns into this

<p class="futura-order centered">
  <span class="fr-video fr-dvb fr-draggable"></span>
  <br>
</p>

How comes so ? Is it all related to the missing css files ?

No reason to precompile all the assets

Because the files are added via the application.js/css manifest, there's no reason to have them precompiled separately into the asset pipeline.

change from fontawesome-rails to fontawesome-sass not in place

Hi, it seems that after bundle install, engine.rb still uses -require "font-awesome-rails" instead of -require "font-awesome-sass"

How do I set the licence?

We'd like to use this editor in one (maybe more) of our Products. We would purchase a OEM Licence. How does the activation work? I can't find any documantation on this. Can I still use this rails-plugin or do I need to bundle the editor myself?

Froala 2.0 support

Did you plan to support Froala 2.0? :-)

railties 5.0 don't work

Bundler could not find compatible versions for gem "railties":
In Gemfile:
coffee-rails (~> 4.2) was resolved to 4.2.1, which depends on
railties (< 5.2.x, >= 4.0.0)

jquery-rails was resolved to 4.1.1, which depends on
  railties (>= 4.2.0)

material_icons was resolved to 2.2.0, which depends on
  railties (>= 3.2)

rails (~> 5.0.0) was resolved to 5.0.0, which depends on
  railties (= 5.0.0)

sass-rails (~> 5.0) was resolved to 5.0.5, which depends on
  railties (< 6, >= 4.0.0)

web-console was resolved to 3.3.1, which depends on
  railties (>= 5.0)

wysiwyg-rails was resolved to 1.0.3, which depends on
  railties (< 5.0, >= 3.2)

Remove inline styles and other attributes

Hi!

Is there any way to remove all this unnecessary attributes and inline styles which automatically added? (e.g. when i copy/paste table from word or excel document)

p.s. allowedAttrs somehow doesn't work here...

broken tags

Hello, i'm opening this issue because i'm using this gem in my project where i am editing letters and certificates, and then exporting them to pdf.

The problem is when i put some style into the text. In the editor i see it perfect, but when i export to pdf, the pdf shows the tags brokens.. for example: "p style="text-align: left;">Señor Presidente del Colegio de Abogados:/p>p>" .

why it should be ?
thanks a lot!.

Don't specify font-awesome-sass as a dependency

I'm a business subscriber to Froala WYSIWYG:

My project is currently on Fontawesome 4 and I don't plan on changing that in the near future while I implement Froala WYSIWYG in my project. Since Fontawesome 5 is only an option at the moment, can you please remove the dependency requirement so that the font-awesome-sass gem doesn't get installed in my project?

This is also just a good idea anyway since Fontawesome Pro users might want to include the icons in a different way. You could add some quick documentation, or just rely on people figuring out that they need to include FA5 as you do here: https://www.froala.com/wysiwyg-editor/examples/font-awesome-5-js

Placeholder text is offset

In the body, the placeholder text "type something" is below the cursor and does not disappear until some text is typed.

Pasting content longer than "char counter" max results in nothing happening

Our users are confused when they paste but nothing is inserted. We figured out that it happens when the pasted text is longer than the max we set for the char counter plugin. We would like to display a message to our users notifying them of what happened. It would be even better to paste the content up to the length limit, but I realize this might mess up rich formatting since the closing tags might not be pasted.

I would like to have a paste event that we can listen to that fires when the pasted content is too long.

Thanks in advance.

cant get froala display in simple_form textarea

I follow the solution mentioned in #14
but it still did not work, hope someone could help me
the code:

<div class = "row">
<%= simple_form_for @event, :html=>{:multipart => true } do |f|  %>
  <% if @event.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@event.errors.count, "error") %> prohibited this event from being saved:</h2>

      <ul>
      <% @event.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
<div class="container">
      <%= f.input :name %>
      <%= f.input :desc %>
      <%= f.input :stdate %>
      <%= f.input :place %>
      <%= f.input :days %>
      <%= f.input :price %>
      <%= f.input :place %>
      <%= f.text_area :notes , :class => "myEditor"  %>
      <%= f.button :submit %>
<% end %>

</div>
  <script>
    $(function() {
      $('#myEditor'). editable()
    });
  </script>
</div>

Indentation for OL/UL implemented on sub lists as well

if i indent text and start a list. any sublist of that list will have the same style (margin-left). anything i can do to solve this?

Thanks in

i was able to reproduce in froala demos

indent line
start list
start sublist
margin kept for all

orm adapters

Maintainer of the redactor-rails gem created an orm adapters for, i.e., carrierwave

Do you have a plans for creating adapters for paperclip, carrierwave, refile and other popular rails uploaders?

elem is undefined

Whenever I click in the editor, I get TypeError: elem is undefined in my console. It doesn't seem to affect anything, but I would like to get to the bottom of this as it seems to point at a problem somewhere. We are using Rails 4.2.0.

Licensing has been updated

The licensing has been updated on Froala's home page. You now require a license to use their product. They have updated their libraries to add a warning on any Froala instances being used that they must purchase a license for legal usage. Licensing was last updated November 17, 2017.

cannot read property 'bind' of undefined

Hello,
i get this error when initializing the editor

cannot read property 'bind' of undefined

The editor is initialized, and it works fine, but think i should not have that error message.

It seems like the undefined variable/object is 'tooltip'

Any idea to fix this problem?

Thanks.

Update for version 2.0.1?

Could we get this updated for 2.0.1? Looks like it was never updated for 2.0.0. Thanks!

Upload Assets

Is there a way in the gem currently to define where uploads are stored? By default they are being uploaded to froala's server.

Method paragraphFormat not working

Hi as I am trying to create custom buttons, I have followed this tutorial:
https://wysiwyg-editor.froala.help/hc/en-us/articles/115001232345-How-can-I-add-buttons-for-H1-and-H2-in-the-editor-toolbar-

But I get this error:
Cannot read property 'apply' of undefined at this point this.paragraphFormat.apply(cmd)

Hope I could get any help on this.
Thanks

Cant change language

Hello, maybe I'm doing something wrong but I follow the readme and add this line to my application.js

//= require languages/ro.js

And I get this error after restarting server

couldn't find file 'languages/ro.js'

What I'm missing?

Regards

How can we implement popup and toolbar for the same division

Installation issues with Rails 4

I've been struggling with this for a couple of days now. I installed the gem, but Rails seems to be having a lot of trouble finding the files. After repeated install / uninstalls, it stopped throwing errors on

*= require froala_editor.min.css
*= require froala_style.min.css
*= require font-awesome

It still can't find any of the plugin files. I get messages like:

couldn't find file 'plugins/align.min.js' with type 'application/javascript'

And when I try to run it, it get:

Uncaught TypeError: $(...).froalaEditor is not a function

Am I missing something here?

Bundle install shows "Using wysiwyg-rails 1.2.8"

This is how I have the requires set up:

application.css.scss:
*= require froala_editor.min.css
*= require froala_style.min.css
*= require font-awesome
*= require_tree .
*= require_self

application.js:
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require 'typeahead.jquery'
//= require 'bloodhound'
//= require bootstrap-wysihtml5
//= require bootstrap-sprockets
//= require froala_editor.min.js
//= require turbolinks
//= require_tree .

Resizing uploaded image when fresh load not working.

rails -v Rails 4.2.7.1
ruby -v ruby 2.3.3p222 (2016-11-21 revision 56859) [x86_64-darwin16]
Turbolinks -v '~> 5.0.0'

When navigation to a page with an editor . when uploading an image. the resize border works just fine.

if i refresh the page it doesn't work (seems like the size are freezing)

i'm noticing a difference in tag.

when not working it has a stuck style of width

and when working it plays with width and height.

This is how i setup wysiwyg
`// toolbar buttons
var toolbarSlim = ['undo', 'redo', '|', 'insertImage', '|', 'specialCharacters', '|', 'fontFamily', 'fontSize', 'paragraphFormat']
var toolbarFull = ['undo', 'redo', '|', 'insertImage', 'insertLink', 'insertVideo', 'insertTable', 'specialCharacters', 'insertHR', '|', 'fontFamily', 'fontSize', 'paragraphFormat', 'bold', 'italic', 'underline', 'color', 'strikeThrough', '|', 'subscript', 'superscript', '|', 'align', '|', 'formatOL', 'formatUL', '|', 'indent', 'outdent', '|', 'quote', '|', 'clearFormatting']

function initWysiwyg($el, options) { // available pre options [placeholder, inline]

// set empty object if none was passed.
if (typeof options === 'undefined') {
var options = {};
}

// general options
options.zIndex = 1001; // procedure tabs in beta are 1000 - needs to be above

options.charCounterCount = false; // character count

// toolbars
options.toolbarButtons = toolbarFull;
options.toolbarButtonsMD = toolbarFull;
options.toolbarButtonsSM = toolbarFull;
options.toolbarButtonsXS = toolbarSlim;

// custom placeholder or default - passed {placeholder: 'string'}
if (options.hasOwnProperty('placeholder')) {
options.placeholderText = options.placeholder
delete options.placeholder;
} else {
options.placeholderText = 'Enter text here...'
delete options.placeholder;
}

// editor type inline/regular - passed {inline: true}
if (options.hasOwnProperty('inline')) {
options.toolbarInline = true;
options.toolbarVisibleWithoutSelection = true;
delete options.inline;
}

// image uploads
options.imageUploadURL = '/system/attachments/image_upload.json?embedded=true';
options.imageUploadMethod = 'POST';
options.imageUploadParam = 'image'; // params[:image]
options.imageDefaultWidth = 0; // setting to zero uploads regular image size
options.imagePasteProcess = true; //handles copy pasted images with same action as upload from editor

// initialize froalaEditor
$el.froalaEditor(options);

}`

than i load the selector with the editor and that's pretty much

is there a known library that is known for conflicts or something relevant? I'm kinda lost here
no error is loged. Only not working when page is refreshed (not navigation into).

Please if need more info that i haven't thought about . drop a line.

Thanks

Integration with latest version of rails_admin and file upload using carrierwave to google cloud?

The wiki mentioned on rails_admin page
https://github.com/sferik/rails_admin/wiki/Froala
for integration with this gem didn't work. Also, there weren't any instructions given about integration uploading images to google cloud? Please add a readme and provide instructions to integrate with rails_admin gem.

Also It crashes when selecting all and removing formatting, I clicked several buttons in quick successions and it crashes and shows the bare textarea without froala editor?

Feature request: Font Awesome 4.5

Would be great to upgrade to Font Awesome 4.5. My PR failed tests but not sure why: #29

Placeholder is displayed above content when content is wrapped in <p> tag

The editor automatically wraps entered content in a <p>.

We then save that content. When we reload the page the placeholder is still displayed. Here's the most basic haml code that shows the issue:

This works as expected, placeholder is not shown

%p#does-not-show-placeholder
  Hi, I'm Froala

This does not work as expected, it shows placeholder as well as the content. Placeholder should no be shown.

%p#does-show-placeholder-but-should-not
  %p Hi, I'm Froala

Cannot select Text in IE11

On Version 2.5.0 as well as previous Versions I am not able to select text and click into the editor in general. It only happens on IE11. All following Edge Versions 14 and 15 work perfectly fine. I found various threads that talk about the topic, but any solution did not work.

Here the versions in use:

Using rake 10.4.2
Using i18n 0.6.11
Using json 1.8.6
Using minitest 5.10.1
Using thread_safe 0.3.6
Using builder 3.2.3
Using erubis 2.7.0
Using rack 1.5.5
Using commonjs 0.2.7
Using concurrent-ruby 1.0.5
Using tilt 2.0.6
Using libv8 3.16.14.17 (x86_64-linux)
Using ref 2.0.0
Using execjs 2.7.0
Using thor 0.19.4
Using mime-types-data 3.2016.0521
Using arel 5.0.1.20140414130214
Using multi_json 1.12.1
Using public_suffix 2.0.5
Using bcrypt 3.1.11
Using coderay 1.1.1
Using debug_inspector 0.0.2
Using sass 3.4.23
Using bootstrap_form 2.6.0
Using breadcrumbs_on_rails 3.0.1
Using browser 2.3.0
Using cancancan 1.16.0
Using bundler 1.14.4
Using net-ssh 4.1.0
Using mini_portile2 2.1.0
Using ffi 1.9.17
Using chronic 0.10.2
Using climate_control 0.1.0
Using cocoon 1.2.9
Using coffee-script-source 1.12.2
Using deep_merge 1.1.1
Using cookie_law 0.1.2
Using i18n_data 0.7.0
Using sixarm_ruby_unaccent 1.1.1
Using unicode_utils 1.4.0
Using database_cleaner 1.5.3
Using orm_adapter 0.5.0
Using diff-lcs 1.3
Using unf_ext 0.0.7.2
Using escape_utils 1.2.1
Using fast_blank 1.0.0
Using filterrific 2.1.2
Using geocoder 1.4.3
Using gli 2.15.0
Using gmaps4rails 2.1.2
Using gritter 1.1.0
Using sexp_processor 4.8.0
Using netrc 0.11.0
Using maxminddb 0.1.12
Using mimemagic 0.3.0
Using mobileesp_converted 0.2.3
Using modernizr-rails 2.7.1
Using mysql2 0.3.21
Using newrelic_rpm 3.18.1.330
Using request_store 1.3.2
Using pr_geohash 1.0.0
Using rails_layout 1.0.34
Using rdoc 4.3.0
Using role_model 0.8.2
Using route_downcaser 1.1.5
Using rspec-core 2.14.8
Using rspec-mocks 2.14.6
Using rubyzip 1.2.1
Using websocket 1.2.4
Using settingslogic 2.0.9
Using sunspot_solr 2.2.7
Using underscore-rails 1.8.3
Using videojs_rails 4.12.15
Using will_paginate 3.1.5
Using wiselinks 1.2.1
Using faker 1.7.3
Using recaptcha 4.1.0
Using tzinfo 1.2.2
Using rsolr 1.1.2
Using sitemap_generator 5.3.1
Using rack-test 0.6.3
Using warden 1.2.7
Using rack-cache 1.7.0
Using less 2.6.0
Using sprockets 3.7.1
Using haml 4.0.7
Using therubyracer 0.12.3
Using uglifier 3.1.1
Using mime-types 3.1
Using addressable 2.5.0
Using better_errors 2.1.1
Using binding_of_caller 0.7.2
Using bootstrap-sass 3.1.1.1
Using font-awesome-sass 4.7.0
Using net-scp 1.2.1
Using nokogiri 1.7.0.1
Using childprocess 0.6.2
Using whenever 0.9.7
Using cocaine 0.5.8
Using coffee-script 2.4.1
Using money 6.8.1
Using sort_alphabetical 1.1.0
Using rspec-expectations 2.14.5
Using unf 0.1.4
Using ruby_parser 3.8.4
Using mobvious 0.3.2
Using sdoc 0.4.2
Using activesupport 4.1.12
Using sunspot 2.2.7
Using css_splitter 0.4.6
Using mail 2.6.4
Using launchy 2.4.3
Using sshkit 1.12.0
Using xpath 2.0.0
Using layzr-rails 0.1.0
Using selenium-webdriver 3.2.1
Using countries 2.0.7
Using domain_name 0.5.20170223
Using html2haml 2.1.0
Using actionview 4.1.12
Using activemodel 4.1.12
Using config 1.4.0
Using factory_girl 4.2.0
Using jbuilder 1.5.3
Using mobvious-rails 0.1.2
Using pundit 1.1.0
Using capistrano 3.1.0
Using capybara 2.12.1
Using country_select 3.0.0
Using http-cookie 1.0.3
Using actionpack 4.1.12
Using activerecord 4.1.12
Using paperclip 4.3.7
Using rest-client 2.0.1
Using less-rails 2.8.0
Using railties 4.1.12
Using actionmailer 4.1.12
Using sprockets-rails 2.3.3
Using route_translator 4.4.1
Using friendly_id 5.1.0
Using globalize 4.0.3
Using paper_trail 4.0.2
Using seed_dump 3.2.4
Using localeapp 2.1.1
Using twitter-bootstrap-rails 3.2.2
Using activerecord-session_store 1.0.0
Using bootstrap-datepicker-rails 1.6.4.1
Using bootstrap-timepicker-rails 0.1.3
Using chart-js-rails 0.0.9
Using coffee-rails 4.0.1
Using jquery-rails 3.1.4
Using responders 1.1.2
Using factory_girl_rails 4.2.1
Using fancybox2-rails 0.2.8
Using font-awesome-rails 4.7.0.1
Using haml-rails 0.9.0
Using i18n-country-translations 1.2.4
Using jquery-fileupload-rails 0.4.7
Using jquery-ui-rails 6.0.1
Using quiet_assets 1.1.0
Using rspec-rails 2.14.2
Using wysiwyg-rails 2.5.0
Using mail_form 1.6.0
Using rails 4.1.12
Using sass-rails 5.0.6
Using friendly_id-globalize 1.0.0.alpha2
Using globalize-accessors 0.1.5
Using Bootstrap-Image-Gallery-rails 1.0.1.3.1.0
Using dependent-fields-rails 0.4.2
Using devise 4.2.0
Using i18n_country_select 1.1.7
Using canonical-rails 0.1.1 from git://github.com/jumph4x/canonical-rails.git (at master@d0d558d)
Using dropzonejs-rails 0.7.3
Using gaffe 1.2.0
Using papercrop 0.3.0
Using rails4-autocomplete 1.1.1
Using sunspot_rails 2.2.7

Are there plans to drop the jQuery dependency?

Are there plans to drop the jQuery dependency?