0

js および jQuery 関数を使用して、要素へのドラッグ アンド ドロップ機能を有効にする Web ページを開発しました。それは完全に機能しています。CKEditor を使用してこの Web ページと統合しましたが、要素をドラッグ アンド ドロップできません。

シンプルなページ:機能し、要素をドラッグアンドドロップできます

<html> <head>
 <link rel="stylesheet" href="jquery.ui.all.css"/>

 <script src=jquery.js"> </script>
 <script src="jquery_Drag_Drop.js"> </script>

<head> <body>
 <div id="main_div_of_the_page">
  <div id="element_1">
     <input type="button" class="manage_to_all_properties_src"/>
  </div>

  <div id="element_2">
     <input type="button" class="manage_to_all_properties_src"/>
  </div>
 </div>
</body> </html>

現在、このページを CKEditor と統合しています (ドラッグ アンド ドロップが機能していません。なぜですか?)

<html> <head>
     <script src=ckeditor.js"> </script>

     <script src=jquery.js"> </script>
     <script src="jquery_Drag_Drop.js"> </script>

     <script type = "text/javascript">
           window.onload = function()  {

               CKEDITOR.replace( 'main_div_of_the_page'  );  
                          }   </script>

    <head> <body>
      <div id="main_div_of_the_page">
           // Same innerHTML as above    
      </div>
    </body> </html>

今、私config.jsはCKEditorのを変更しました

CKEDITOR.editorConfig = function( config )
   {
config.contentsCss = 'jquery.ui.all.csss';
}
4

1 に答える 1

0

CKEditor でコンテンツを編集している間は Javascript が無効になっていますが、Webkit ブラウザーを使用していない限り、要素をドラッグ & ドロップできるはずです。

編集中のドラッグ アンド ドロップはブラウザによって提供される機能であり、いつか Webkit ブラウザがそれを利用できるようになることを願っています。

于 2011-07-18T12:39:37.287 に答える