5

play2 を使用して Java で記述された自分の Web サイトに ckeditor を統合しようとしています。

ここで、javascript ファイルをダウンロードし、サンプルを読みました。

重要な部分はckeditor.jsだと思いました

<script type="text/javascript" src="/assets/javascripts/ckeditor.js"></script>

サンプルとまったく同じフォームも使用しました

<form action="sample_posteddata.php" method="post">
        <label for="editor1">
            CKEditor using the <code>docprops</code> plugin and working in the Full Page mode:</label>
        <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&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;&lt;/body&gt;&lt;/html&gt;</textarea>
        <script type="text/javascript">
        //<![CDATA[

            CKEDITOR.replace( 'editor1',
                {
                    fullPage : true,
                    extraPlugins : 'docprops'
                });

        //]]>
        </script>
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>

しかし、それは機能しません。通常のテキストエリアをレンダリングするだけです。Twitter ブートストラップ + jquery 1.7.1 を使用しています。

大事な部分を見落としていたのではないでしょうか？

ここに画像の説明を入力

4

8 に答える 8

7

このスクリプトを使用するだけです

<script type="text/javascript">
    CKEDITOR.replace("editor1");
</script>
于 2013-07-13T05:50:01.697 に答える
1

ckeditor のセットアップで問題が発生した場合は、ページの読み込みが遅い可能性があります。CKEDITOR.replace("editor1") を呼び出す必要があることを示します。backbone.js を使用すると、この問題が発生します。次の旅行がお役に立てば幸いです。

コード

 jQuery(document).ready(function() {
  CKEDITOR.replace("editor1")
 });
于 2014-07-18T14:24:25.497 に答える
0

同様の問題がありCKEDITOR.basePathました.コンソールを見てUncaught TypeError: Cannot set property 'dir' of undefined、basePathプロパティを正しい場所に設定する必要があることを意味するようなエラーが表示された場合、プロパティに関係していました....

于 2014-11-07T08:39:09.667 に答える
0

ckeditor.js 以上が必要だと思います。これらのリソースも追加すると、機能するはずです。

<link rel="stylesheet" href="assets/css/ckeditor/contents.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ckeditor/skins/boostrap/editor.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ckeditor/skins/boostrap/editor_gecko.css" rel="stylesheet">
<script src="assets/js/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="assets/js/ckeditor/styles.js" type="text/javascript"></script>
<script src="assets/js/ckeditor/config.js" type="text/javascript"></script>
<script src="assets/js/ckeditor/lang/en.js" type="text/javascript"></script>
于 2015-10-04T23:55:32.417 に答える
0

私は正確に同様の条件を見つけました。要素が機能するためにはid属性が必要なようです

于 2015-03-08T14:38:46.117 に答える
0

私は解決策を得て、それはあなたのビューのコントローラー内で動作し、コントローラーコード内にスクリプトコードを投稿する必要があります

于 2016-07-20T08:14:05.110 に答える
0

ckeditor.js ファイルのソース パスが正しくない場合、「CKEDITOR が定義されていません」というエラーが表示されることがあります。これを試して.....

 <script type="text/javascript" src="../assets/javascripts/ckeditor.js"></script>
于 2013-11-25T05:13:32.693 に答える