Конфликт между JQuery и TinyMCE

Question

Я получил .ctp веб-страницу со следующими строками кода:

<script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> 

<script type="text/javascript"> 
    tinyMCE.init({ 
     theme : "simple", 
     mode : "textareas", 
     convert_urls : false 
    }); 
</script> 

<Script language="javascript"> 
$(document).ready(function(){ 
    $(document).change(function(){ 
     if($('#data\\[Test\\]\\[content\\]').val().length<10){ 
alert('must be ten characters'); 
     } 

}); 
}); 
</script> 


    <form name="addpost" id="addpost" method="post" action="/Site1/addtopic"> 
    <table> 
    <tr>  
     <td> 
      <div id="content">   
      <textarea rows="12" cols="48" name="data[Test][content]" id="data[Test][content]"></textarea> 
      </div> 
     </td> 
    </tr> 

    <tr> 
     <td> 
     <input type="submit" value="Send"> 
     </td> 
    </tr> 
    </table> 

Независимо от того, сколько символов я вошел в текстовое поле, то окно предупреждения появится говоря «должен быть десятью символами ».

Не могли бы вы помочь мне, пожалуйста?

Answer 1

Если я правильно это помню, .val() работает неправильно, чтобы получить значение текстовой области tinyMCE.

Попробуйте это, чтобы получить значение вместо:

tinyMCE.activeEditor.getContent(); 

Answer 2

Я не HTML любителя, но я не думаю, что прокручиваемые имеет значение. Я бы попробовал innerHTML.

Редактировать: извините, что это мусор.

Странно, мне просто нужно было сделать подобное сегодня утром. Текстовое поле, которое вы определяете для использования TinyMCE, вероятно, не является фактическим текстовым полем, которое вы видите. Попробуйте использовать Firebug в Firefox, чтобы проверить идентификатор/имя отображаемого текстового поля.