Thursday, 18 May 2017

CKEditor for rails asset pipeline

1. Include ckeditor_rails in Gemefile
  gem 'ckeditor_rails'
2. Add to your app/assets/javascripts/application.js after //= require jquery_ujs to work with jQuery
//= require ckeditor-jquery
3. Add ckeditor class to text area tag
<%= f.text_area :content, :class => 'ckeditor' %>

4. Initialize CKEditor in Javascript file

<script type="text/javascript"> 
  $('.ckeditor').ckeditor({
     width: '735',
     height: '0',
     // optional config
  });
</script>

Add to ck-editor in HTML:

1. <textarea name="editor1" id="editor1" rows="10" cols="80"></textarea>
<script type="text/javascript">
  CKEDITOR.replace('editor1')
</script>

No comments:

Post a Comment