Apa yang menyebabkan CkEditor menambahkan toolbar di tengah halaman

Saya tidak mengerti apa yang menyebabkan plugin spaceShared menambahkan toolbar baru di tengah area teks.

Baru-baru ini saya menambahkan plugin SharedSpaces ke CkEditor saya dan saya mengambil kode dari sampel yang saya dapatkan dari SharedSpaces, Bahkan kemudian saya mendapatkan toolbar di antara area teks.

Kode HTML saya:

<div id="topSpace">
    </div>
    <form action="sample_posteddata.php" id="editorsForm" method="post">
        <p>
                    <label for="editor1">
                        Editor 1 (uses the shared toolbar and elements path):</label>
                    <textarea 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>
        </p>
        <p>
                    <label for="editor2">
                        Editor 2 (uses the shared toolbar and elements path):</label>
                    <textarea cols="80" id="editor2" name="editor2" rows="3">&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>
        </p>
        <p>
                    <label for="editor3">
                        Editor 3 (uses the shared toolbar only):</label>
                    <textarea cols="80" id="editor3" name="editor3" rows="3">&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>
        </p>
        <p>
                    <label for="editor4">
                        Editor 4 (no shared spaces):</label>
                    <textarea cols="80" id="editor4" name="editor4" rows="3">&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>
        </p>
        <p>
                    <input type="submit" value="Submit" />
        </p>
    </form>
    <div id="bottomSpace">
    </div

Bagian Javascript

<script type="text/javascript">
    //<![CDATA[

        // Create all editor instances at the end of the page, so we are sure
        // that the "bottomSpace" div is available in the DOM (IE issue).

        CKEDITOR.replace( 'editor1',
            {
                sharedSpaces :
                {
                    top : 'topSpace',
                    bottom : 'bottomSpace'
                },

                // Removes the maximize plugin as it's not usable
                // in a shared toolbar.
                // Removes the resizer as it's not usable in a
                // shared elements path.
                removePlugins : 'maximize'
            } );

        CKEDITOR.replace( 'editor2',
            {
                sharedSpaces :
                {
                    top : 'topSpace',
                    bottom : 'bottomSpace'
                },

                // Removes the maximize plugin as it's not usable
                // in a shared toolbar.
                // Removes the resizer as it's not usable in a
                // shared elements path.
                removePlugins : 'maximize'
            } );

        CKEDITOR.replace( 'editor3',
            {
                sharedSpaces :
                {
                    top : 'topSpace',
                    bottom : 'bottomSpace'
                },

                // Removes the maximize plugin as it's not usable
                // in a shared toolbar.
                removePlugins : 'maximize, elementspath',

            } );

        CKEDITOR.replace( 'editor4' );
    //]]>
    </script>

Bagaimana cara memperbaikinya atau menghapus toolbar yang tidak diinginkan yang muncul


person Yellow and Red    schedule 22.06.2013    source sumber
comment
Keberatan menyiapkan JSFiddle atau sejenisnya?   -  person SpenserJ    schedule 22.06.2013
comment
Saya akan melakukannya sekarang dan memperbaruinya   -  person Yellow and Red    schedule 22.06.2013
comment
Saya memilikinya di t. yellowandred.in/sample/plugins/ckeditor_spaceshared/, Edisi 1: toolbar tidak terdefinisi di bagian Editor 2, Edisi 2: kursor berpindah ke bagian terakhir dan tidak dapat mengedit bagian mana pun dari tiga kode editor pertama yang diambil dari sample.html yang didapat dari plugin ckeditor   -  person Yellow and Red    schedule 22.06.2013


Jawaban (2)


Saya melihat dua masalah dalam sampel yang Anda lampirkan:

  1. Beberapa plugin pihak ketiga berkualitas buruk menimbulkan kesalahan dan menggunakan console.log (sic!). Dari apa yang saya lihat, ini adalah beberapa editor kode sumber dan kemungkinan besar plugin jumlah kata. Hapus mereka dari bangunan Anda.

  2. Seperti pada contoh ruang bersama yang perlu Anda hapus plugin floatingspace yang bertentangan dengan sharedspace.

Setelah ini semuanya akan baik-baik saja.

person Reinmar    schedule 22.06.2013
comment
Saya sedang membangun kembali ckeditor dengan menghapus beberapa plugin. Biarkan saya melihat apa yang terjadi selanjutnya. Terima kasih Reinmar - person Yellow and Red; 22.06.2013
comment
Saya membangun kembali Ckeditor menggunakan pembangun. Saya juga mengunduh ketiga versi dan menginstalnya secara lokal, tidak ada satupun yang bermasalah sebelum plugin spaceshared diinstal. Tepat setelah saya memperbarui plugin SpaceShared, kedua bug tersebut muncul. Saya tidak menemukan plugin floatingspace - person Yellow and Red; 22.06.2013
comment
menambahkan ini ke skrip menyelamatkan hidup saya [kode] hapusPlugins: 'floatingspace,resize',[/code] - person Yellow and Red; 22.06.2013

Anda menggunakan beberapa plugin tambahan (seperti penghitung kata dan toolbar mengambang) dan mungkin plugin tersebut belum dikembangkan untuk digunakan di halaman dengan beberapa editor secara bersamaan dan dalam konfigurasi ruang bersama.

person AlfonsoML    schedule 22.06.2013
comment
Saya sedang membangun kembali ckeditor dengan menghapus beberapa plugin. Biarkan saya melihat apa yang terjadi selanjutnya. terima kasih alfonso.. - person Yellow and Red; 22.06.2013