StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POckeditor 4 accessing focusmanager with dynamically created editor insantces
primarykey
Id
14949643
data
AcceptedAnswerId
15398881
AnswerCount
1
ClosedDate
CommentCount
9
CommunityOwnedDate
CreationDate
2013-02-19T04:03:15.947
FavoriteCount
0
LastActivityDate
2013-03-14T00:08:41.487
LastEditDate
2013-02-19T08:07:11.937
LastEditorUserId
1799306
OwnerUserId
1799306
ParentId
0
PostTypeId
1
Score
0
ViewCount
624
LastEditorDisplayName
text
Body
i currently have 1 editor that will always be on the page when it loads, the page has a feature to add multiple editors by clicking a add button. my code works on the first editor only that is loaded with the page, how can i adapt this to work on all the editors on the page, even if dynamically created after the page has been loaded? (the dynamically created editors) <pre><code>$(document).ready(function(){ $.each(CKEDITOR.instances, function(instance){ var editor = CKEDITOR.instances[instance]; if (editor) { editor.on( 'focus', function( e ) { $('.hint').show(); }); editor.on( 'blur', function( e ) { $('.hint').hide(); }); } }); }); </code></pre> eidt 1 - fullcode minus html <pre><code>$(document).ready(function(){ $('textarea').each(function(i) { var editorId = $(this).attr('id'); if(editorId != 'master'){ if( $(this).hasClass('main') ){ ckeditor_simple_toolbar(editorId); } if( $(this).hasClass('extras') ){ ckeditor_advanced_toolbar(editorId); } } }); $.each(CKEDITOR.instances, function(instance){ var editor = CKEDITOR.instances[instance]; if (editor) { editor.on( 'focus', function( e ) { $('.hint').show(); }); editor.on( 'blur', function( e ) { $('.hint').hide(); }); } }); $('.add_extra').live('click',function(){ ckeditor_advanced_toolbar(this.id); }); }); function ckeditor_simple_toolbar(textA_id){ CKEDITOR.replace(textA_id,{ tabSpaces : 4 }); } function ckeditor_advanced_toolbar(textA_id){ CKEDITOR.replace(textA_id,{ emailProtection : 'encode', tabSpaces : 4, extraPlugins : 'autogrow', height : 100, autoGrow_minHeight : 100, autoGrow_maxHeight : 400, removePlugins : 'resize', toolbarLocation : 'bottom', }); } </code></pre> edit 2 here is a test setup of what is happening, the focus and blur aren't working on the dynamically added editors <a href="http://elhalawa.net/editor/index.html" rel="nofollow">http://elhalawa.net/editor/index.html</a>
Tags
<javascript><jquery><focus><ckeditor><wysiwyg>
Title
ckeditor 4 accessing focusmanager with dynamically created editor insantces
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USseesoe
UserOwnerUserId
1. USseesoe
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.