Edit Question - KnowledgeHub

Title Body

I need to call multiple instances of CKEditor automatically...actually I use the function: CKEDITOR.replace( 'editor1'); Where "editor1" is the id name of the div where I want show my CKEditor. I'm using jQuery to automate this process and I need to use the "class" tag instead the id. In particular i have this html: <div class="CKEditor"> <div class="text"> mytext </div> <p style="text-align:center" class="buttons"> <input type="button" value="edit" class="button_edit"> <input type="button" value="preview" class="button_preview" style="display:none"> </p> <div class="editor" > </div> </div> and this jQuery script: $(function() { $('.CKEditor').each(function() { var __main = $(this); var __buttons = __main.children('.buttons'); var __text = __main.children(".text"); var editor; __buttons.children('.button_edit').click(function() { __text.hide(); if (editor) return; editor = CKEDITOR.replace("editor"); editor.setData(__text.html()); if(editor) { __buttons.children('.button_edit').hide(); __buttons.children('.button_preview').show(); } }); __buttons.children('.button_preview').click(function() { __text.show(); __text.html(editor.getData()); if ( !editor ) return; editor.destroy(); editor = null; __buttons.children('.button_edit').show(); __buttons.children('.button_preview').hide(); __main.children("#editor").html(""); }); }); }); Is it possible without modify the source of CKEDITOR? EDIT <p

Tags (comma-separated) Cancel