H Khunmax,
After much more work on my project, I have a better solution than the one I posted above. TinyMCE doesn’t like being moved around the dom. This function removes the editor, moves the container, then reinitializes the editor. The last few lines that are commented out are for a custom title field for replies. You probably don’t need those lines.
Put the function in your theme’s javascript file (this code needs to come after the bbPress js files, it should automatically do so if you put it in the theme js). If your theme doesn’t have a javasript file you will have to create one, and enqueue it in theme’s function.php file. My function is using jquery, so keep that in mind.
Good luck.
addReply = {
moveForm : function(replyId, parentId, respondId, postId) {
// remove the editor before moving it's container:
tinymce.EditorManager.execCommand('mceRemoveEditor',true, 'bbp_reply_content');
// move the container under the post being replied to
$('#post-container-'+parentId).after($('#'+respondId));
// redraw the editor
tinymce.EditorManager.execCommand('mceAddEditor',true, 'bbp_reply_content');
// put the reply-to id into a hidden field for bbPress to use:
$('input#bbp_reply_to').val(parentId);
// create the Reply to title in the form:
//var container = 'post-container-' + parentId;
//var str = $('#'+container).find('.bbp-reply-title').html();
//$('#replyForm-replyTo').html('Reply to: ' + str);
// don't reload the page:
return false;
}
}