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';
}