1

onchange イベントを CKeditor に追加する簡単で簡単な方法はありますか。

テキストが変更されたときに何かしたいですか？ありがとう

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <script src="js/ckeditor/ckeditor.js" type="text/javascript"></script>
    <script src="js/ckeditor/adapters/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
   $(function () {
        var config = {
            toolbar:
                    [
                        ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList']
                    ],
            width: 600,
            height: 400,
            resize: false
        };

        $('.jquery_ckeditor').ckeditor(config);


        CKEDITOR.instances[0].on('change', function () {
            alert("test");
        });





    });

    //]]>
    </script>
</head>
<body>
    <textarea class="jquery_ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
</body>
</html>
4

4 に答える 4

0

編集します。すみません、以前のバージョンの回答は正しくありませんでした。

私が発見したように、これは CKEDITOR の標準的な onchange イベントではありません。代わりに、テキストエリアの別のイベントを使用してエミュレートできます。たとえば、イベント「keydown」を使用できます。

CKEDITOR のコードを次のコードに変更して試してください。

CKEDITOR.instances[idOfTextarea].document.on('keydown', function() {alert('text')});

より詳しい情報

于 2012-08-16T19:33:23.643 に答える