JQuery和TinyMCE之间的冲突

时间:2010-07-05 17:05:32

标签: cakephp

我有一个带有以下代码行的.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>

无论我在textarea中输入多少个字符,都会弹出警告框,上面写着“必须是十个字符”。

你能帮我吗?

2 个答案:

答案 0 :(得分:1)

如果我记得它是正确的,.val()无法正确获取tinyMCE textarea的值。

尝试使用此值来获取值:

tinyMCE.activeEditor.getContent();

答案 1 :(得分:0)

我不是HTML buff,但我不认为textareas有价值。我试试innerHTML。

编辑:抱歉这是垃圾。

奇怪的是,今天早上我不得不做类似的事情。您定义为由TinyMCE使用的textarea可能不是您看到的实际文本区域。尝试在Firefox中使用Firebug来检查显示的textarea的id / name。