jQuery « Редактор TinyMCE при перемещении становится неактивным
Есть древовидные комментарии, есть форма комментирования с визуальным редактором, в моем случае - TinyMCE. Есть кнопка "Ответить" при нажатии на которую форма с визуальным редактором перемещается под эту кнопку чтобы комментировать соответствующий комментарий.
Только вот незадача: как только форма с редактором перемещается - поле, для написания комментария становится неактивным, т.е. ничего туда написать не могу.
Кто-то сталкивался с подобным поведением TinyMCE?
Переношу с помощью jQuery:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
$('#commentForm').insertAfter('#comment_reply_' + parent_id);
где "#commentForm" - идентификатор формы комментирования.
Только вот незадача: как только форма с редактором перемещается - поле, для написания комментария становится неактивным, т.е. ничего туда написать не могу.
Кто-то сталкивался с подобным поведением TinyMCE?
Переношу с помощью jQuery:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
$('#commentForm').insertAfter('#comment_reply_' + parent_id);
где "#commentForm" - идентификатор формы комментирования.
1 ответов
Не делайте перенос с прикрученным TiniMCE. Прикручивайте, или инициализируйте его после переноса или включения. Показали текстАреа, подключайте к нему TinyMCE.
Где-то настроили конфигурацию, как нам нравится,
tinyMCE.init({mode : "textareas"});
Где то создали или перенесли форму с текстареа
<form method="post" action='/postComment'>
<textarea name='comment' onblur="javascript:turn"></textarea>
</form>
Где-то подключили tinyMCE к интересующему нас полю.
if (!tinyMCE.get('comment')) tinyMCE.execCommand('mceAddControl', false, 'comment');