Muhammad Faisal Iqbal Muhammad Faisal Iqbal - 6 months ago 76
CSS Question

Icons not showing with summernote rails

enter image description here

I followed Summernote-rails
official to add rich text editor in my rails project.

than in my edit.html.erb
added class place_editor to my text_area

<%= f.text_area :text, class: "place_editor form-control col-md-7 col-xs-12", rows: "15j ,placeholder: "Text", required: "required"%>

and than javascript as

<script type="text/javascript">
$(function() {
var edit = function () {
$('.click2edit').summernote({ focus: true });
$("#edit").click(function () {
$('.click2edit').summernote({ focus: true });
$("#save").click(function () {
var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML: array).
// Adding Css to give border to text editor
$(".note-editor").css("border", "solid 1px #e7eaec");


Everything works fine except ICONS
Kindly help me out.


I searched for hours and finally solved it. Actually, summernote doesn't save icons locally, instead it download it

I added this links in header

  <link href="" rel="stylesheet">
  <link href="" rel="stylesheet">

And it did the job I 'll welcome if someone can elaborate it further