When running something like this...
<div id="my_div"><b>Hello everyone!</b></div>
<script>
$(document).on("click", "#my_div", function() {
$("#my_div").ckeditor();
});
</script>
Note: This is not my live code but an example of what I am trying to accomplish. The user clicks the text and it is now editable.
The content of the div takes on some kind of styling when this is triggered and the ckeditor toolbar appears to be hovering above the content but it doesn't consume the div like it would outside of jquery. Normally I'd use the CKEDITOR.replace function which works great. Does anyone see anything that I'm doing wrong initially? I'm using stock config and basic ckeditor 4 which I've downloaded today.
Without studying details of
Without studying details of what you are trying to do, couldn't you just use inline editing with contenteditable = true ?
I want the user to be able to
I want the user to be able to click the row of a table which houses two spans. Then spans will hide on click and the two ckeditors will appear. Once they click the save button, ajax will pull the data from the two ckeditor instances - run the query and then hide the ckeditor instances.
There doesn't seem to be any documentation on jquery for hiding (or destroying) multiple instances of ckeditor.
More on how to use
More on how to use contenteditable="true"
Link
Link
Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn
If you think you found a bug in CKEditor, read this!