search

galetahub / ckeditor

Ckeditor 4.x integration gem for rails
https://ckeditor.com/ckeditor-4/
MIT License
2.23k stars 878 forks source link

Problem when update #632

Closed hellovietnam93 closed 5 years ago

hellovietnam93 commented 8 years ago

When i create new object with ck-editor, it run perfectly.

new However, when i update it can not display like when i craete ola how can i fix it?

superp commented 8 years ago

Can you show your form code?

hellovietnam93 commented 8 years ago

Here is my code. it the same for edit and new

 <div id="edit-assignment-modal" class="modal modal-fixed-footer">
  <%= form_for [@class_room, @assignment], remote: true, class: "col s12" do |f| %>
    <div class="modal-content">
      <h4>
        <%= t "class_rooms.assignments.actions.edit" %>
        <%= @assignment.name.humanize.capitalize %>
      </h4>
      <p>
        <div id="errors-create-assignment"></div>
        <%= f.hidden_field :class_room_id, value: @class_room.id %>
        <div class="row">
          <div class="input-field col s6">
            <%= f.text_field :name, class: "validate" %>
            <%= f.label :name, t("assignments.fields.name") %>
          </div>

          <div class="input-field col s6">
            <%= f.select :assignment_type, options_from_collection_for_select(
              i18n_enum(:assignments, :assignment_type), :key, :value, f.object.assignment_type),
              {}, class: "browser-default" %>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s6">
            <%= f.label :start_date, t("assignments.fields.start_date") %>
            <%= f.date_field :start_date, class: "form-control", required: true,
              class: "datepicker" %>
          </div>

          <div class="input-field col s6">
            <%= f.label :end_date, t("assignments.fields.end_date") %>
            <%= f.date_field :end_date, class: "form-control", required: true,
              class: "datepicker" %>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <%= f.cktext_area :content, class: "ckeditor materialize-textarea", id: "textarea",
              placeholder: t("assignments.fields.content") %>
          </div>
        </div>
      </p>
    </div>
    <div class="modal-footer">
      <%= f.submit t("form.buttons.save"),
        data: {disable_with: t("form.buttons.saving")},
        class: "waves-effect waves-red btn-flat btn" %>
      <a href="javascript:void(0)" class="modal-action modal-close
        waves-effect waves-green btn-flat btn btn-cancel">
        <%= t "form.buttons.cancel" %>
      </a>
    </div>
  <% end %>
</div>
superp commented 8 years ago

and controller please )

hellovietnam93 commented 8 years ago 
class AssignmentsController < ApplicationController
  load_and_authorize_resource

  def create
    respond_to do |format|
      if @assignment.save
        @class_room = @assignment.class_room
      end
      format.js
    end
  end

  def show

  end

  def edit
    @class_room = @assignment.class_room
    respond_to do |format|
      format.js
    end
  end

  def update
    respond_to do |format|
      if @assignment.update_attributes assignment_params
        @class_room = @assignment.class_room
        @assignments = @class_room.assignments
      end
      format.js
    end
  end

  def destroy
    respond_to do |format|
      @assignment.destroy
      format.js
    end
  end

  private
  def assignment_params
    params.require(:assignment).permit Assignment::ATTRIBUTES_PARAMS
  end
end
superp commented 8 years ago

and what do you write in create.js.erb?

hellovietnam93 commented 8 years ago 
class ClassRoomsController < ApplicationController
  load_and_authorize_resource

  def index

  end

  def new

  end

  def create

  end

  def show
    @students = @class_room.user_classes.where owner: false
    @user_class = @class_room.user_classes.new
    @assignment = @class_room.assignments.new
  end

  def edit

  end

  def update

  end
end

I create assignment in page show of ClassRoom

hellovietnam93 commented 8 years ago

create.js

$("#assignments #error_explanation").remove()
$("iframe").contents().find("body").empty();
<% if @assignment.errors.any? %>
  $("#assignments #errors-create-assignment").
    html("<%= j render "shared/errors_messages", object: @assignment %>")
<% else %>
  $("#assignments form#new_assignment")[0].reset();
  $("#new-assignment-modal").closeModal();
  $("#assignments .tbody").html("<%= j render @class_room.assignments %>");
<% end %>
set_timetout()

edit.js

$(".assignment-<%= @assignment.id %>").append("<%= j render 'edit_assignment_modal' %>");
$("#edit-assignment-modal").openModal();
superp commented 8 years ago

try to use:

<script>
  CKEDITOR.replace('element_id')
</script>
hellovietnam93 commented 8 years ago

it the same, nothing changes

hellovietnam93 commented 8 years ago

It raises error Cannot read property 'getEditor' of undefined

superp commented 8 years ago

can you show your code with CKEDITOR.replace now?

hellovietnam93 commented 8 years ago

In assets/javascrpits/application.js

// This is a manifest file that"ll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or any plugin"s vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It"s not advisable to add code directly here, but if you do, it"ll appear at the bottom of the
// compiled file.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require jquery
//= require jquery_ujs
//= require materialize-sprockets
//= require materialize/extras/nouislider
//= require turbolinks
//= require ckeditor/init
//= require_tree ./customs
$(document).on("ready", function() {
  set_timetout();
  CKEDITOR.replace('element_id');
});
hellovietnam93 commented 8 years ago

In form create. Inspect element i can this 

<div class="input-field col s12">
            <textarea class="ckeditor materialize-textarea" id="textarea" placeholder="Content" name="assignment[content]" style="visibility: hidden; display: none;"></textarea>

<div id="cke_textarea" class="cke_1 cke cke_reset cke_chrome cke_editor_textarea cke_ltr cke_browser_webkit" dir="ltr" lang="en" role="application" aria-labelledby="cke_textarea_arialbl"><span id="cke_textarea_arialbl" class="cke_voice_label">Rich Text Editor, textarea</span><div class="cke_inner cke_reset" role="presentation"><span id="cke_1_top" class="cke_top cke_reset_all" role="presentation" style="height: auto; -webkit-user-select: none;"><span id="cke_10" class="cke_voice_label">Editor toolbars</span><span id="cke_1_toolbox" class="cke_toolbox" role="group" aria-labelledby="cke_10" onmousedown="return false;"><span id="cke_15" class="cke_toolbar" aria-labelledby="cke_15_label" role="toolbar"><span id="cke_15_label" class="cke_voice_label">Document</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_16" class="cke_button cke_button__source cke_button_off" href="javascript:void('Source')" title="Source" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_16_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(2,event);" onfocus="return CKEDITOR.tools.callFunction(3,event);" onclick="CKEDITOR.tools.callFunction(4,this);return false;"><span class="cke_button_icon cke_button__source_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1824px;background-size:auto;">&nbsp;</span><span id="cke_16_label" class="cke_button_label cke_button__source_label" aria-hidden="false">Source</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_17" class="cke_button cke_button__save cke_button_off" href="javascript:void('Save')" title="Save" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_17_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(5,event);" onfocus="return CKEDITOR.tools.callFunction(6,event);" onclick="CKEDITOR.tools.callFunction(7,this);return false;"><span class="cke_button_icon cke_button__save_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1704px;background-size:auto;">&nbsp;</span><span id="cke_17_label" class="cke_button_label cke_button__save_label" aria-hidden="false">Save</span></a><a id="cke_18" class="cke_button cke_button__newpage cke_button_off" href="javascript:void('New Page')" title="New Page" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_18_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(8,event);" onfocus="return CKEDITOR.tools.callFunction(9,event);" onclick="CKEDITOR.tools.callFunction(10,this);return false;"><span class="cke_button_icon cke_button__newpage_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1440px;background-size:auto;">&nbsp;</span><span id="cke_18_label" class="cke_button_label cke_button__newpage_label" aria-hidden="false">New Page</span></a><a id="cke_19" class="cke_button cke_button__preview cke_button_off" href="javascript:void('Preview')" title="Preview" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_19_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(11,event);" onfocus="return CKEDITOR.tools.callFunction(12,event);" onclick="CKEDITOR.tools.callFunction(13,this);return false;"><span class="cke_button_icon cke_button__preview_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1632px;background-size:auto;">&nbsp;</span><span id="cke_19_label" class="cke_button_label cke_button__preview_label" aria-hidden="false">Preview</span></a><a id="cke_20" class="cke_button cke_button__print cke_button_off" href="javascript:void('Print')" title="Print" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_20_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(14,event);" onfocus="return CKEDITOR.tools.callFunction(15,event);" onclick="CKEDITOR.tools.callFunction(16,this);return false;"><span class="cke_button_icon cke_button__print_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1656px;background-size:auto;">&nbsp;</span><span id="cke_20_label" class="cke_button_label cke_button__print_label" aria-hidden="false">Print</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_21" class="cke_button cke_button__templates cke_button_off" href="javascript:void('Templates')" title="Templates" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_21_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(17,event);" onfocus="return CKEDITOR.tools.callFunction(18,event);" onclick="CKEDITOR.tools.callFunction(19,this);return false;"><span class="cke_button_icon cke_button__templates_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -456px;background-size:auto;">&nbsp;</span><span id="cke_21_label" class="cke_button_label cke_button__templates_label" aria-hidden="false">Templates</span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_22" class="cke_toolbar" aria-labelledby="cke_22_label" role="toolbar"><span id="cke_22_label" class="cke_voice_label">Clipboard/Undo</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_23" class="cke_button cke_button__cut cke_button_disabled " href="javascript:void('Cut')" title="Cut" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_23_label" aria-haspopup="false" aria-disabled="true" onkeydown="return CKEDITOR.tools.callFunction(20,event);" onfocus="return CKEDITOR.tools.callFunction(21,event);" onclick="CKEDITOR.tools.callFunction(22,this);return false;"><span class="cke_button_icon cke_button__cut_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -312px;background-size:auto;">&nbsp;</span><span id="cke_23_label" class="cke_button_label cke_button__cut_label" aria-hidden="false">Cut</span></a><a id="cke_24" class="cke_button cke_button__copy cke_button_disabled " href="javascript:void('Copy')" title="Copy" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_24_label" aria-haspopup="false" aria-disabled="true" onkeydown="return CKEDITOR.tools.callFunction(23,event);" onfocus="return CKEDITOR.tools.callFunction(24,event);" onclick="CKEDITOR.tools.callFunction(25,this);return false;"><span class="cke_button_icon cke_button__copy_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -264px;background-size:auto;">&nbsp;</span><span id="cke_24_label" class="cke_button_label cke_button__copy_label" aria-hidden="false">Copy</span></a><a id="cke_25" class="cke_button cke_button__paste cke_button_off" href="javascript:void('Paste')" title="Paste" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_25_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(26,event);" onfocus="return CKEDITOR.tools.callFunction(27,event);" onclick="CKEDITOR.tools.callFunction(28,this);return false;"><span class="cke_button_icon cke_button__paste_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -360px;background-size:auto;">&nbsp;</span><span id="cke_25_label" class="cke_button_label cke_button__paste_label" aria-hidden="false">Paste</span></a><a id="cke_26" class="cke_button cke_button__pastetext cke_button_off" href="javascript:void('Paste as plain text')" title="Paste as plain text" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_26_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(29,event);" onfocus="return CKEDITOR.tools.callFunction(30,event);" onclick="CKEDITOR.tools.callFunction(31,this);return false;"><span class="cke_button_icon cke_button__pastetext_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1536px;background-size:auto;">&nbsp;</span><span id="cke_26_label" class="cke_button_label cke_button__pastetext_label" aria-hidden="false">Paste as plain text</span></a><a id="cke_27" class="cke_button cke_button__pastefromword cke_button_off" href="javascript:void('Paste from Word')" title="Paste from Word" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_27_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(32,event);" onfocus="return CKEDITOR.tools.callFunction(33,event);" onclick="CKEDITOR.tools.callFunction(34,this);return false;"><span class="cke_button_icon cke_button__pastefromword_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1584px;background-size:auto;">&nbsp;</span><span id="cke_27_label" class="cke_button_label cke_button__pastefromword_label" aria-hidden="false">Paste from Word</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_28" class="cke_button cke_button__undo cke_button_disabled " href="javascript:void('Undo')" title="Undo" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_28_label" aria-haspopup="false" aria-disabled="true" onkeydown="return CKEDITOR.tools.callFunction(35,event);" onfocus="return CKEDITOR.tools.callFunction(36,event);" onclick="CKEDITOR.tools.callFunction(37,this);return false;"><span class="cke_button_icon cke_button__undo_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1992px;background-size:auto;">&nbsp;</span><span id="cke_28_label" class="cke_button_label cke_button__undo_label" aria-hidden="false">Undo</span></a><a id="cke_29" class="cke_button cke_button__redo cke_button_disabled " href="javascript:void('Redo')" title="Redo" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_29_label" aria-haspopup="false" aria-disabled="true" onkeydown="return CKEDITOR.tools.callFunction(38,event);" onfocus="return CKEDITOR.tools.callFunction(39,event);" onclick="CKEDITOR.tools.callFunction(40,this);return false;"><span class="cke_button_icon cke_button__redo_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1944px;background-size:auto;">&nbsp;</span><span id="cke_29_label" class="cke_button_label cke_button__redo_label" aria-hidden="false">Redo</span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_30" class="cke_toolbar" aria-labelledby="cke_30_label" role="toolbar"><span id="cke_30_label" class="cke_voice_label">Editing</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_31" class="cke_button cke_button__find cke_button_off" href="javascript:void('Find')" title="Find" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_31_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(41,event);" onfocus="return CKEDITOR.tools.callFunction(42,event);" onclick="CKEDITOR.tools.callFunction(43,this);return false;"><span class="cke_button_icon cke_button__find_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -528px;background-size:auto;">&nbsp;</span><span id="cke_31_label" class="cke_button_label cke_button__find_label" aria-hidden="false">Find</span></a><a id="cke_32" class="cke_button cke_button__replace cke_button_off" href="javascript:void('Replace')" title="Replace" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_32_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(44,event);" onfocus="return CKEDITOR.tools.callFunction(45,event);" onclick="CKEDITOR.tools.callFunction(46,this);return false;"><span class="cke_button_icon cke_button__replace_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -552px;background-size:auto;">&nbsp;</span><span id="cke_32_label" class="cke_button_label cke_button__replace_label" aria-hidden="false">Replace</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_33" class="cke_button cke_button__selectall cke_button_off" href="javascript:void('Select All')" title="Select All" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_33_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(47,event);" onfocus="return CKEDITOR.tools.callFunction(48,event);" onclick="CKEDITOR.tools.callFunction(49,this);return false;"><span class="cke_button_icon cke_button__selectall_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1728px;background-size:auto;">&nbsp;</span><span id="cke_33_label" class="cke_button_label cke_button__selectall_label" aria-hidden="false">Select All</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_34" class="cke_button cke_button__scayt cke_button_off " href="javascript:void('Spell Checker')" title="Spell Checker" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_34_label" aria-haspopup="true" onkeydown="return CKEDITOR.tools.callFunction(50,event);" onfocus="return CKEDITOR.tools.callFunction(51,event);" onclick="CKEDITOR.tools.callFunction(52,this);return false;"><span class="cke_button_icon cke_button__scayt_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1872px;background-size:auto;">&nbsp;</span><span id="cke_34_label" class="cke_button_label cke_button__scayt_label" aria-hidden="false">Spell Check As You Type</span><span class="cke_button_arrow"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_35" class="cke_toolbar" aria-labelledby="cke_35_label" role="toolbar"><span id="cke_35_label" class="cke_voice_label">Forms</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_36" class="cke_button cke_button__form cke_button_off" href="javascript:void('Form')" title="Form" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_36_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(53,event);" onfocus="return CKEDITOR.tools.callFunction(54,event);" onclick="CKEDITOR.tools.callFunction(55,this);return false;"><span class="cke_button_icon cke_button__form_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -648px;background-size:auto;">&nbsp;</span><span id="cke_36_label" class="cke_button_label cke_button__form_label" aria-hidden="false">Form</span></a><a id="cke_37" class="cke_button cke_button__checkbox cke_button_off" href="javascript:void('Checkbox')" title="Checkbox" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_37_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(56,event);" onfocus="return CKEDITOR.tools.callFunction(57,event);" onclick="CKEDITOR.tools.callFunction(58,this);return false;"><span class="cke_button_icon cke_button__checkbox_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -624px;background-size:auto;">&nbsp;</span><span id="cke_37_label" class="cke_button_label cke_button__checkbox_label" aria-hidden="false">Checkbox</span></a><a id="cke_38" class="cke_button cke_button__radio cke_button_off" href="javascript:void('Radio Button')" title="Radio Button" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_38_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(59,event);" onfocus="return CKEDITOR.tools.callFunction(60,event);" onclick="CKEDITOR.tools.callFunction(61,this);return false;"><span class="cke_button_icon cke_button__radio_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -720px;background-size:auto;">&nbsp;</span><span id="cke_38_label" class="cke_button_label cke_button__radio_label" aria-hidden="false">Radio Button</span></a><a id="cke_39" class="cke_button cke_button__textfield cke_button_off" href="javascript:void('Text Field')" title="Text Field" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_39_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(62,event);" onfocus="return CKEDITOR.tools.callFunction(63,event);" onclick="CKEDITOR.tools.callFunction(64,this);return false;"><span class="cke_button_icon cke_button__textfield_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -864px;background-size:auto;">&nbsp;</span><span id="cke_39_label" class="cke_button_label cke_button__textfield_label" aria-hidden="false">Text Field</span></a><a id="cke_40" class="cke_button cke_button__textarea cke_button_off" href="javascript:void('Textarea')" title="Textarea" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_40_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(65,event);" onfocus="return CKEDITOR.tools.callFunction(66,event);" onclick="CKEDITOR.tools.callFunction(67,this);return false;"><span class="cke_button_icon cke_button__textarea_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -816px;background-size:auto;">&nbsp;</span><span id="cke_40_label" class="cke_button_label cke_button__textarea_label" aria-hidden="false">Textarea</span></a><a id="cke_41" class="cke_button cke_button__select cke_button_off" href="javascript:void('Selection Field')" title="Selection Field" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_41_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(68,event);" onfocus="return CKEDITOR.tools.callFunction(69,event);" onclick="CKEDITOR.tools.callFunction(70,this);return false;"><span class="cke_button_icon cke_button__select_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -768px;background-size:auto;">&nbsp;</span><span id="cke_41_label" class="cke_button_label cke_button__select_label" aria-hidden="false">Selection Field</span></a><a id="cke_42" class="cke_button cke_button__button cke_button_off" href="javascript:void('Button')" title="Button" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_42_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(71,event);" onfocus="return CKEDITOR.tools.callFunction(72,event);" onclick="CKEDITOR.tools.callFunction(73,this);return false;"><span class="cke_button_icon cke_button__button_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -600px;background-size:auto;">&nbsp;</span><span id="cke_42_label" class="cke_button_label cke_button__button_label" aria-hidden="false">Button</span></a><a id="cke_43" class="cke_button cke_button__imagebutton cke_button_off" href="javascript:void('Image Button')" title="Image Button" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_43_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(74,event);" onfocus="return CKEDITOR.tools.callFunction(75,event);" onclick="CKEDITOR.tools.callFunction(76,this);return false;"><span class="cke_button_icon cke_button__imagebutton_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -696px;background-size:auto;">&nbsp;</span><span id="cke_43_label" class="cke_button_label cke_button__imagebutton_label" aria-hidden="false">Image Button</span></a><a id="cke_44" class="cke_button cke_button__hiddenfield cke_button_off" href="javascript:void('Hidden Field')" title="Hidden Field" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_44_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(77,event);" onfocus="return CKEDITOR.tools.callFunction(78,event);" onclick="CKEDITOR.tools.callFunction(79,this);return false;"><span class="cke_button_icon cke_button__hiddenfield_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -672px;background-size:auto;">&nbsp;</span><span id="cke_44_label" class="cke_button_label cke_button__hiddenfield_label" aria-hidden="false">Hidden Field</span></a></span><span class="cke_toolbar_end"></span></span><span class="cke_toolbar_break"></span><span id="cke_45" class="cke_toolbar" aria-labelledby="cke_45_label" role="toolbar"><span id="cke_45_label" class="cke_voice_label">Basic Styles</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_46" class="cke_button cke_button__bold cke_button_off" href="javascript:void('Bold')" title="Bold" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_46_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(80,event);" onfocus="return CKEDITOR.tools.callFunction(81,event);" onclick="CKEDITOR.tools.callFunction(82,this);return false;"><span class="cke_button_icon cke_button__bold_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -24px;background-size:auto;">&nbsp;</span><span id="cke_46_label" class="cke_button_label cke_button__bold_label" aria-hidden="false">Bold</span></a><a id="cke_47" class="cke_button cke_button__italic cke_button_off" href="javascript:void('Italic')" title="Italic" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_47_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(83,event);" onfocus="return CKEDITOR.tools.callFunction(84,event);" onclick="CKEDITOR.tools.callFunction(85,this);return false;"><span class="cke_button_icon cke_button__italic_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -48px;background-size:auto;">&nbsp;</span><span id="cke_47_label" class="cke_button_label cke_button__italic_label" aria-hidden="false">Italic</span></a><a id="cke_48" class="cke_button cke_button__underline cke_button_off" href="javascript:void('Underline')" title="Underline" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_48_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(86,event);" onfocus="return CKEDITOR.tools.callFunction(87,event);" onclick="CKEDITOR.tools.callFunction(88,this);return false;"><span class="cke_button_icon cke_button__underline_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -144px;background-size:auto;">&nbsp;</span><span id="cke_48_label" class="cke_button_label cke_button__underline_label" aria-hidden="false">Underline</span></a><a id="cke_49" class="cke_button cke_button__strike cke_button_off" href="javascript:void('Strikethrough')" title="Strikethrough" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_49_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(89,event);" onfocus="return CKEDITOR.tools.callFunction(90,event);" onclick="CKEDITOR.tools.callFunction(91,this);return false;"><span class="cke_button_icon cke_button__strike_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -72px;background-size:auto;">&nbsp;</span><span id="cke_49_label" class="cke_button_label cke_button__strike_label" aria-hidden="false">Strikethrough</span></a><a id="cke_50" class="cke_button cke_button__subscript cke_button_off" href="javascript:void('Subscript')" title="Subscript" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_50_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(92,event);" onfocus="return CKEDITOR.tools.callFunction(93,event);" onclick="CKEDITOR.tools.callFunction(94,this);return false;"><span class="cke_button_icon cke_button__subscript_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -96px;background-size:auto;">&nbsp;</span><span id="cke_50_label" class="cke_button_label cke_button__subscript_label" aria-hidden="false">Subscript</span></a><a id="cke_51" class="cke_button cke_button__superscript cke_button_off" href="javascript:void('Superscript')" title="Superscript" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_51_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(95,event);" onfocus="return CKEDITOR.tools.callFunction(96,event);" onclick="CKEDITOR.tools.callFunction(97,this);return false;"><span class="cke_button_icon cke_button__superscript_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -120px;background-size:auto;">&nbsp;</span><span id="cke_51_label" class="cke_button_label cke_button__superscript_label" aria-hidden="false">Superscript</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_52" class="cke_button cke_button__removeformat cke_button_off" href="javascript:void('Remove Format')" title="Remove Format" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_52_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(98,event);" onfocus="return CKEDITOR.tools.callFunction(99,event);" onclick="CKEDITOR.tools.callFunction(100,this);return false;"><span class="cke_button_icon cke_button__removeformat_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1680px;background-size:auto;">&nbsp;</span><span id="cke_52_label" class="cke_button_label cke_button__removeformat_label" aria-hidden="false">Remove Format</span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_53" class="cke_toolbar" aria-labelledby="cke_53_label" role="toolbar"><span id="cke_53_label" class="cke_voice_label">Paragraph</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_54" class="cke_button cke_button__numberedlist cke_button_off" href="javascript:void('Insert/Remove Numbered List')" title="Insert/Remove Numbered List" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_54_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(101,event);" onfocus="return CKEDITOR.tools.callFunction(102,event);" onclick="CKEDITOR.tools.callFunction(103,this);return false;"><span class="cke_button_icon cke_button__numberedlist_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1368px;background-size:auto;">&nbsp;</span><span id="cke_54_label" class="cke_button_label cke_button__numberedlist_label" aria-hidden="false">Insert/Remove Numbered List</span></a><a id="cke_55" class="cke_button cke_button__bulletedlist cke_button_off" href="javascript:void('Insert/Remove Bulleted List')" title="Insert/Remove Bulleted List" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_55_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(104,event);" onfocus="return CKEDITOR.tools.callFunction(105,event);" onclick="CKEDITOR.tools.callFunction(106,this);return false;"><span class="cke_button_icon cke_button__bulletedlist_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1320px;background-size:auto;">&nbsp;</span><span id="cke_55_label" class="cke_button_label cke_button__bulletedlist_label" aria-hidden="false">Insert/Remove Bulleted List</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_56" class="cke_button cke_button__outdent cke_button_disabled " href="javascript:void('Decrease Indent')" title="Decrease Indent" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_56_label" aria-haspopup="false" aria-disabled="true" onkeydown="return CKEDITOR.tools.callFunction(107,event);" onfocus="return CKEDITOR.tools.callFunction(108,event);" onclick="CKEDITOR.tools.callFunction(109,this);return false;"><span class="cke_button_icon cke_button__outdent_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1032px;background-size:auto;">&nbsp;</span><span id="cke_56_label" class="cke_button_label cke_button__outdent_label" aria-hidden="false">Decrease Indent</span></a><a id="cke_57" class="cke_button cke_button__indent cke_button_off" href="javascript:void('Increase Indent')" title="Increase Indent" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_57_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(110,event);" onfocus="return CKEDITOR.tools.callFunction(111,event);" onclick="CKEDITOR.tools.callFunction(112,this);return false;"><span class="cke_button_icon cke_button__indent_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -984px;background-size:auto;">&nbsp;</span><span id="cke_57_label" class="cke_button_label cke_button__indent_label" aria-hidden="false">Increase Indent</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_58" class="cke_button cke_button__blockquote cke_button_off" href="javascript:void('Block Quote')" title="Block Quote" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_58_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(113,event);" onfocus="return CKEDITOR.tools.callFunction(114,event);" onclick="CKEDITOR.tools.callFunction(115,this);return false;"><span class="cke_button_icon cke_button__blockquote_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -216px;background-size:auto;">&nbsp;</span><span id="cke_58_label" class="cke_button_label cke_button__blockquote_label" aria-hidden="false">Block Quote</span></a><a id="cke_59" class="cke_button cke_button__creatediv cke_button_off" href="javascript:void('Create Div Container')" title="Create Div Container" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_59_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(116,event);" onfocus="return CKEDITOR.tools.callFunction(117,event);" onclick="CKEDITOR.tools.callFunction(118,this);return false;"><span class="cke_button_icon cke_button__creatediv_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -480px;background-size:auto;">&nbsp;</span><span id="cke_59_label" class="cke_button_label cke_button__creatediv_label" aria-hidden="false">Create Div Container</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_60" class="cke_button cke_button__justifyleft cke_button_on" href="javascript:void('Align Left')" title="Align Left" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_60_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(119,event);" onfocus="return CKEDITOR.tools.callFunction(120,event);" onclick="CKEDITOR.tools.callFunction(121,this);return false;" aria-pressed="true"><span class="cke_button_icon cke_button__justifyleft_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1128px;background-size:auto;">&nbsp;</span><span id="cke_60_label" class="cke_button_label cke_button__justifyleft_label" aria-hidden="false">Align Left</span></a><a id="cke_61" class="cke_button cke_button__justifycenter cke_button_off" href="javascript:void('Center')" title="Center" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_61_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(122,event);" onfocus="return CKEDITOR.tools.callFunction(123,event);" onclick="CKEDITOR.tools.callFunction(124,this);return false;"><span class="cke_button_icon cke_button__justifycenter_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1104px;background-size:auto;">&nbsp;</span><span id="cke_61_label" class="cke_button_label cke_button__justifycenter_label" aria-hidden="false">Center</span></a><a id="cke_62" class="cke_button cke_button__justifyright cke_button_off" href="javascript:void('Align Right')" title="Align Right" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_62_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(125,event);" onfocus="return CKEDITOR.tools.callFunction(126,event);" onclick="CKEDITOR.tools.callFunction(127,this);return false;"><span class="cke_button_icon cke_button__justifyright_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1152px;background-size:auto;">&nbsp;</span><span id="cke_62_label" class="cke_button_label cke_button__justifyright_label" aria-hidden="false">Align Right</span></a><a id="cke_63" class="cke_button cke_button__justifyblock cke_button_off" href="javascript:void('Justify')" title="Justify" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_63_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(128,event);" onfocus="return CKEDITOR.tools.callFunction(129,event);" onclick="CKEDITOR.tools.callFunction(130,this);return false;"><span class="cke_button_icon cke_button__justifyblock_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1080px;background-size:auto;">&nbsp;</span><span id="cke_63_label" class="cke_button_label cke_button__justifyblock_label" aria-hidden="false">Justify</span></a><span class="cke_toolbar_separator" role="separator"></span><a id="cke_64" class="cke_button cke_button__bidiltr cke_button_on" href="javascript:void('Text direction from left to right')" title="Text direction from left to right" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_64_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(131,event);" onfocus="return CKEDITOR.tools.callFunction(132,event);" onclick="CKEDITOR.tools.callFunction(133,this);return false;" aria-pressed="true"><span class="cke_button_icon cke_button__bidiltr_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -168px;background-size:auto;">&nbsp;</span><span id="cke_64_label" class="cke_button_label cke_button__bidiltr_label" aria-hidden="false">Text direction from left to right</span></a><a id="cke_65" class="cke_button cke_button__bidirtl cke_button_off" href="javascript:void('Text direction from right to left')" title="Text direction from right to left" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_65_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(134,event);" onfocus="return CKEDITOR.tools.callFunction(135,event);" onclick="CKEDITOR.tools.callFunction(136,this);return false;"><span class="cke_button_icon cke_button__bidirtl_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -192px;background-size:auto;">&nbsp;</span><span id="cke_65_label" class="cke_button_label cke_button__bidirtl_label" aria-hidden="false">Text direction from right to left</span></a><a id="cke_66" class="cke_button cke_button__language cke_button_off" href="javascript:void('Set language')" title="Set language" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_66_label" aria-haspopup="true" onkeydown="return CKEDITOR.tools.callFunction(137,event);" onfocus="return CKEDITOR.tools.callFunction(138,event);" onclick="CKEDITOR.tools.callFunction(139,this);return false;"><span class="cke_button_icon cke_button__language_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1176px;background-size:auto;">&nbsp;</span><span id="cke_66_label" class="cke_button_label cke_button__language_label" aria-hidden="false">Set language</span><span class="cke_button_arrow"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_67" class="cke_toolbar" aria-labelledby="cke_67_label" role="toolbar"><span id="cke_67_label" class="cke_voice_label">Links</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_68" class="cke_button cke_button__link cke_button_off" href="javascript:void('Link')" title="Link" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_68_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(140,event);" onfocus="return CKEDITOR.tools.callFunction(141,event);" onclick="CKEDITOR.tools.callFunction(142,this);return false;"><span class="cke_button_icon cke_button__link_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1248px;background-size:auto;">&nbsp;</span><span id="cke_68_label" class="cke_button_label cke_button__link_label" aria-hidden="false">Link</span></a><a id="cke_69" class="cke_button cke_button__unlink cke_button_disabled " href="javascript:void('Unlink')" title="Unlink" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_69_label" aria-haspopup="false" aria-disabled="true" onkeydown="return CKEDITOR.tools.callFunction(143,event);" onfocus="return CKEDITOR.tools.callFunction(144,event);" onclick="CKEDITOR.tools.callFunction(145,this);return false;"><span class="cke_button_icon cke_button__unlink_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1272px;background-size:auto;">&nbsp;</span><span id="cke_69_label" class="cke_button_label cke_button__unlink_label" aria-hidden="false">Unlink</span></a><a id="cke_70" class="cke_button cke_button__anchor cke_button_off" href="javascript:void('Anchor')" title="Anchor" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_70_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(146,event);" onfocus="return CKEDITOR.tools.callFunction(147,event);" onclick="CKEDITOR.tools.callFunction(148,this);return false;"><span class="cke_button_icon cke_button__anchor_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1224px;background-size:auto;">&nbsp;</span><span id="cke_70_label" class="cke_button_label cke_button__anchor_label" aria-hidden="false">Anchor</span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_71" class="cke_toolbar" aria-labelledby="cke_71_label" role="toolbar"><span id="cke_71_label" class="cke_voice_label">Insert</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_72" class="cke_button cke_button__image cke_button_off" href="javascript:void('Image')" title="Image" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_72_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(149,event);" onfocus="return CKEDITOR.tools.callFunction(150,event);" onclick="CKEDITOR.tools.callFunction(151,this);return false;"><span class="cke_button_icon cke_button__image_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -936px;background-size:auto;">&nbsp;</span><span id="cke_72_label" class="cke_button_label cke_button__image_label" aria-hidden="false">Image</span></a><a id="cke_73" class="cke_button cke_button__flash cke_button_off" href="javascript:void('Flash')" title="Flash" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_73_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(152,event);" onfocus="return CKEDITOR.tools.callFunction(153,event);" onclick="CKEDITOR.tools.callFunction(154,this);return false;"><span class="cke_button_icon cke_button__flash_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -576px;background-size:auto;">&nbsp;</span><span id="cke_73_label" class="cke_button_label cke_button__flash_label" aria-hidden="false">Flash</span></a><a id="cke_74" class="cke_button cke_button__allmedias cke_button_off" href="javascript:void('Insert All Medias')" title="Insert All Medias" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_74_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(155,event);" onfocus="return CKEDITOR.tools.callFunction(156,event);" onclick="CKEDITOR.tools.callFunction(157,this);return false;"><span class="cke_button_icon cke_button__allmedias_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/allmedias/icons/allmedias.png?t=FB9E');background-position:0 0px;background-size:16px;">&nbsp;</span><span id="cke_74_label" class="cke_button_label cke_button__allmedias_label" aria-hidden="false">Insert All Medias</span></a><a id="cke_75" class="cke_button cke_button__table cke_button_off" href="javascript:void('Table')" title="Table" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_75_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(158,event);" onfocus="return CKEDITOR.tools.callFunction(159,event);" onclick="CKEDITOR.tools.callFunction(160,this);return false;"><span class="cke_button_icon cke_button__table_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1896px;background-size:auto;">&nbsp;</span><span id="cke_75_label" class="cke_button_label cke_button__table_label" aria-hidden="false">Table</span></a><a id="cke_76" class="cke_button cke_button__horizontalrule cke_button_off" href="javascript:void('Insert Horizontal Line')" title="Insert Horizontal Line" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_76_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(161,event);" onfocus="return CKEDITOR.tools.callFunction(162,event);" onclick="CKEDITOR.tools.callFunction(163,this);return false;"><span class="cke_button_icon cke_button__horizontalrule_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -888px;background-size:auto;">&nbsp;</span><span id="cke_76_label" class="cke_button_label cke_button__horizontalrule_label" aria-hidden="false">Insert Horizontal Line</span></a><a id="cke_77" class="cke_button cke_button__smiley cke_button_off" href="javascript:void('Smiley')" title="Smiley" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_77_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(164,event);" onfocus="return CKEDITOR.tools.callFunction(165,event);" onclick="CKEDITOR.tools.callFunction(166,this);return false;"><span class="cke_button_icon cke_button__smiley_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1056px;background-size:auto;">&nbsp;</span><span id="cke_77_label" class="cke_button_label cke_button__smiley_label" aria-hidden="false">Smiley</span></a><a id="cke_78" class="cke_button cke_button__specialchar cke_button_off" href="javascript:void('Insert Special Character')" title="Insert Special Character" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_78_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(167,event);" onfocus="return CKEDITOR.tools.callFunction(168,event);" onclick="CKEDITOR.tools.callFunction(169,this);return false;"><span class="cke_button_icon cke_button__specialchar_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1848px;background-size:auto;">&nbsp;</span><span id="cke_78_label" class="cke_button_label cke_button__specialchar_label" aria-hidden="false">Insert Special Character</span></a><a id="cke_79" class="cke_button cke_button__pagebreak cke_button_off" href="javascript:void('Insert Page Break for Printing')" title="Insert Page Break for Printing" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_79_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(170,event);" onfocus="return CKEDITOR.tools.callFunction(171,event);" onclick="CKEDITOR.tools.callFunction(172,this);return false;"><span class="cke_button_icon cke_button__pagebreak_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1488px;background-size:auto;">&nbsp;</span><span id="cke_79_label" class="cke_button_label cke_button__pagebreak_label" aria-hidden="false">Insert Page Break for Printing</span></a><a id="cke_80" class="cke_button cke_button__iframe cke_button_off" href="javascript:void('IFrame')" title="IFrame" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_80_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(173,event);" onfocus="return CKEDITOR.tools.callFunction(174,event);" onclick="CKEDITOR.tools.callFunction(175,this);return false;"><span class="cke_button_icon cke_button__iframe_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -912px;background-size:auto;">&nbsp;</span><span id="cke_80_label" class="cke_button_label cke_button__iframe_label" aria-hidden="false">IFrame</span></a><a id="cke_81" class="cke_button cke_button__youtube cke_button_off" href="javascript:void('Embed YouTube Video')" title="Embed YouTube Video" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_81_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(176,event);" onfocus="return CKEDITOR.tools.callFunction(177,event);" onclick="CKEDITOR.tools.callFunction(178,this);return false;"><span class="cke_button_icon cke_button__youtube_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/youtube/images/icon.png?t=FB9E');background-position:0 undefinedpx;background-size:16px;">&nbsp;</span><span id="cke_81_label" class="cke_button_label cke_button__youtube_label" aria-hidden="false">Embed YouTube Video</span></a></span><span class="cke_toolbar_end"></span></span><span class="cke_toolbar_break"></span><span id="cke_82" class="cke_toolbar" aria-labelledby="cke_82_label" role="toolbar"><span id="cke_82_label" class="cke_voice_label">Styles</span><span class="cke_toolbar_start"></span><span id="cke_11" class="cke_combo cke_combo__styles cke_combo_off" role="presentation"><span id="cke_11_label" class="cke_combo_label">Styles</span><a class="cke_combo_button" title="Formatting Styles" tabindex="-1" href="javascript:void('Formatting Styles')" hidefocus="true" role="button" aria-labelledby="cke_11_label" aria-haspopup="true" onkeydown="return CKEDITOR.tools.callFunction(180,event,this);" onfocus="return CKEDITOR.tools.callFunction(181,event);" onclick="CKEDITOR.tools.callFunction(179,this);return false;"><span id="cke_11_text" class="cke_combo_text cke_combo_inlinelabel">Styles</span><span class="cke_combo_open"><span class="cke_combo_arrow"></span></span></a></span><span id="cke_12" class="cke_combo cke_combo__format cke_combo_off" role="presentation"><span id="cke_12_label" class="cke_combo_label">Format</span><a class="cke_combo_button" title="Paragraph Format" tabindex="-1" href="javascript:void('Paragraph Format')" hidefocus="true" role="button" aria-labelledby="cke_12_label" aria-haspopup="true" onkeydown="return CKEDITOR.tools.callFunction(183,event,this);" onfocus="return CKEDITOR.tools.callFunction(184,event);" onclick="CKEDITOR.tools.callFunction(182,this);return false;"><span id="cke_12_text" class="cke_combo_text">Normal</span><span class="cke_combo_open"><span class="cke_combo_arrow"></span></span></a></span><span id="cke_13" class="cke_combo cke_combo__font cke_combo_off" role="presentation"><span id="cke_13_label" class="cke_combo_label">Font</span><a class="cke_combo_button" title="Font Name" tabindex="-1" href="javascript:void('Font Name')" hidefocus="true" role="button" aria-labelledby="cke_13_label" aria-haspopup="true" onkeydown="return CKEDITOR.tools.callFunction(186,event,this);" onfocus="return CKEDITOR.tools.callFunction(187,event);" onclick="CKEDITOR.tools.callFunction(185,this);return false;"><span id="cke_13_text" class="cke_combo_text cke_combo_inlinelabel">Font</span><span class="cke_combo_open"><span class="cke_combo_arrow"></span></span></a></span><span id="cke_14" class="cke_combo cke_combo__fontsize cke_combo_off" role="presentation"><span id="cke_14_label" class="cke_combo_label">Size</span><a class="cke_combo_button" title="Font Size" tabindex="-1" href="javascript:void('Font Size')" hidefocus="true" role="button" aria-labelledby="cke_14_label" aria-haspopup="true" onkeydown="return CKEDITOR.tools.callFunction(189,event,this);" onfocus="return CKEDITOR.tools.callFunction(190,event);" onclick="CKEDITOR.tools.callFunction(188,this);return false;"><span id="cke_14_text" class="cke_combo_text cke_combo_inlinelabel">Size</span><span class="cke_combo_open"><span class="cke_combo_arrow"></span></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_83" class="cke_toolbar" aria-labelledby="cke_83_label" role="toolbar"><span id="cke_83_label" class="cke_voice_label">Colors</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_84" class="cke_button cke_button__textcolor cke_button_off " href="javascript:void('Text Color')" title="Text Color" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_84_label" aria-haspopup="true" onkeydown="return CKEDITOR.tools.callFunction(191,event);" onfocus="return CKEDITOR.tools.callFunction(192,event);" onclick="CKEDITOR.tools.callFunction(193,this);return false;"><span class="cke_button_icon cke_button__textcolor_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -408px;background-size:auto;">&nbsp;</span><span id="cke_84_label" class="cke_button_label cke_button__textcolor_label" aria-hidden="false">Text Color</span><span class="cke_button_arrow"></span></a><a id="cke_85" class="cke_button cke_button__bgcolor cke_button_off " href="javascript:void('Background Color')" title="Background Color" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_85_label" aria-haspopup="true" onkeydown="return CKEDITOR.tools.callFunction(194,event);" onfocus="return CKEDITOR.tools.callFunction(195,event);" onclick="CKEDITOR.tools.callFunction(196,this);return false;"><span class="cke_button_icon cke_button__bgcolor_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -384px;background-size:auto;">&nbsp;</span><span id="cke_85_label" class="cke_button_label cke_button__bgcolor_label" aria-hidden="false">Background Color</span><span class="cke_button_arrow"></span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_86" class="cke_toolbar" aria-labelledby="cke_86_label" role="toolbar"><span id="cke_86_label" class="cke_voice_label">Tools</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_87" class="cke_button cke_button__maximize cke_button_off" href="javascript:void('Maximize')" title="Maximize" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_87_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(197,event);" onfocus="return CKEDITOR.tools.callFunction(198,event);" onclick="CKEDITOR.tools.callFunction(199,this);return false;"><span class="cke_button_icon cke_button__maximize_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1392px;background-size:auto;">&nbsp;</span><span id="cke_87_label" class="cke_button_label cke_button__maximize_label" aria-hidden="false">Maximize</span></a><a id="cke_88" class="cke_button cke_button__showblocks cke_button_off" href="javascript:void('Show Blocks')" title="Show Blocks" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_88_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(200,event);" onfocus="return CKEDITOR.tools.callFunction(201,event);" onclick="CKEDITOR.tools.callFunction(202,this);return false;"><span class="cke_button_icon cke_button__showblocks_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 -1776px;background-size:auto;">&nbsp;</span><span id="cke_88_label" class="cke_button_label cke_button__showblocks_label" aria-hidden="false">Show Blocks</span></a></span><span class="cke_toolbar_end"></span></span><span id="cke_89" class="cke_toolbar" aria-labelledby="cke_89_label" role="toolbar"><span id="cke_89_label" class="cke_voice_label">about</span><span class="cke_toolbar_start"></span><span class="cke_toolgroup" role="presentation"><a id="cke_90" class="cke_button cke_button__about cke_button_off" href="javascript:void('About CKEditor')" title="About CKEditor" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_90_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(203,event);" onfocus="return CKEDITOR.tools.callFunction(204,event);" onclick="CKEDITOR.tools.callFunction(205,this);return false;"><span class="cke_button_icon cke_button__about_icon" style="background-image:url('http://localhost:8000/assets/ckeditor/plugins/icons.png?t=FB9E');background-position:0 0px;background-size:auto;">&nbsp;</span><span id="cke_90_label" class="cke_button_label cke_button__about_label" aria-hidden="false">About CKEditor</span></a></span><span class="cke_toolbar_end"></span></span></span></span><div id="cke_1_contents" class="cke_contents cke_reset" role="presentation" style="height: 200px;"><span id="cke_95" class="cke_voice_label">Press ALT 0 for help</span><iframe src="" frameborder="0" class="cke_wysiwyg_frame cke_reset" title="Rich Text Editor, textarea" aria-describedby="cke_95" tabindex="0" allowtransparency="true" style="width: 100%; height: 100%;"></iframe></div><span id="cke_1_bottom" class="cke_bottom cke_reset_all" role="presentation" style="-webkit-user-select: none;"><span id="cke_1_resizer" class="cke_resizer cke_resizer_vertical cke_resizer_ltr" title="Resize" onmousedown="CKEDITOR.tools.callFunction(0, event)">◢</span><span id="cke_1_path_label" class="cke_voice_label">Elements path</span><span id="cke_1_path" class="cke_path" role="group" aria-labelledby="cke_1_path_label"><a id="cke_elementspath_9_1" href="javascript:void('body')" tabindex="-1" class="cke_path_item" title="body element" hidefocus="true" onkeydown="return CKEDITOR.tools.callFunction(207,1, event );" onclick="CKEDITOR.tools.callFunction(206,1); return false;" role="button" aria-label="body element">body</a><a id="cke_elementspath_9_0" href="javascript:void('p')" tabindex="-1" class="cke_path_item" title="p element" hidefocus="true" onkeydown="return CKEDITOR.tools.callFunction(207,0, event );" onclick="CKEDITOR.tools.callFunction(206,0); return false;" role="button" aria-label="p element">p</a><span class="cke_path_empty">&nbsp;</span></span></span></div></div><script>
//<![CDATA[
(function() { if (typeof CKEDITOR != 'undefined') { if (CKEDITOR.instances['textarea'] == undefined) { CKEDITOR.replace('textarea', {"customConfig":"/assets/ckeditor/config.js"}); } } else { setTimeout(arguments.callee, 50); } })();
//]]>
</script>
          </div>

but in form edit it only has:

<div class="input-field col s12">
            <textarea class="ckeditor materialize-textarea" id="textarea" placeholder="Content" name="assignment[content]">&lt;p&gt;&lt;iframe allowfullscreen="" frameborder="0" height="480" src="//www.youtube.com/embed/7uGQQp46sp8" width="640"&gt;&lt;/iframe&gt;&lt;/p&gt;
</textarea><script>
//<![CDATA[
(function() { if (typeof CKEDITOR != 'undefined') { if (CKEDITOR.instances['textarea'] == undefined) { CKEDITOR.replace('textarea', {"customConfig":"/assets/ckeditor/config.js"}); } } else { setTimeout(arguments.callee, 50); } })();
//]]>
</script>
          </div>
hellovietnam93 commented 8 years ago

it lost div id=cke_textarea"

superp commented 8 years ago

you use turbolinks, than read this topic: https://github.com/tsechingho/ckeditor-rails/issues/28

superp commented 8 years ago

you need to reinit ckeditor at elements, that you change on page by js.

hellovietnam93 commented 8 years ago

@superp thank you so much, finally it work :D. but i have one more question. before when i use this lib, it display in standard mode - it have a tab upload file from computer when i add config.js file, it show in full mode - and also lost tab upload file from computer. i add many add on but it does not work, can you show me how to upload from computer

stale[bot] commented 5 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.