Конфликт между 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 для проверки идентификатора / имени отображаемой текстовой области.