Intereting Posts
Предпочтительный формат видео в формате WordPress? Как получить 4 сообщения после 5 последних 404 не найдена ошибка на локальном хосте WordPress Как определить количество виджетов, содержащихся на боковой панели, с помощью настраиваемого JS Показать конкретные сообщения на главной странице Почему мой первый новый WP_Customize_Image_Control не работает Как сделать отзывчивую галерею wp default? Как оценивать сообщение с Admin Side / Manually? Как создать массовую страницу и контент? Создание кнопки «Назад» на дополнительной почтовой странице для возврата на страницу блога с теми же строками запроса и идентификатором страницы Какой крюк добавить при начале загрузки WordPress Что такое использование фильтра map_meta_cap? Как переключить мой WordPress, чтобы указать на Parked Domain? Непрямая модификация перегруженного свойства WP_Post :: $ classes не влияет короткие кодовые выходы сначала до содержимого страницы

Как включить редактор содержимого в качестве недоступной цели с помощью jQuery-ui?

Я пытаюсь включить редактор содержимого WordPress как droppable, используя jQuery UI drag and drop. Тем не менее, я не могу получить перетаскивание, или событие drop для запуска.

Есть что-то, что мне не хватает?

<ul id="keywords"> <li>drag one</li> <li>drag two</li> <li>drag three</li> </ul> jQuery("#keywords").find("li").each(function(){jQuery(this).draggable( { helper:'clone', start: function(event, ui){ jQuery(this).fadeTo('fast', 0.5);}, stop: function(event, ui) { jQuery(this).fadeTo(0, 1); } }); }); jQuery('#content').droppable( { drop: function(event, ui) { alert('dropped in content'); //DOES NOT FIRE!!! jQuery(this).dropIt(ui.draggable.html()); } }); if(typeof tinyMCE=='object') { alert('tinyMCE is active'); //DOES NOT FIRE!!! jQuery('#editorcontainer').droppable( { drop: function(event, ui) { alert('dropped in tinyMCE editor'); //DOES NOT FIRE!!! //Dynamically add content tinyMCE.activeEditor.execCommand('mceInsertContent', false, 'New content.'); } }); } 

В приведенном выше примере следующая строка:

 jQuery(".myDiv").find("li").each(function(){ 

должно быть:

 jQuery(".keywords").find("li").each(function(){ 

Это должно позволить перетаскивать элементы списка.

Чтобы разрешить удаление элементов в текстовом поле TinyMCE, работает следующий код.

 $('#editorcontainer').droppable({ drop: function(event, ui) { alert('dropped'); //NOW FIRES! //Dynamically add content tinyMCE.activeEditor.execCommand('mceInsertContent', false, 'New content.'); } }); 

Попробуйте объявить тег тела TinyMCE, как это, он работает для меня

На tiny_mce_src.js

 t.iframeHTML += '</head><body ondrop="parent.drop(event);" " id="' + bi + '" class="mceContentBody '+ t.id +'_cl' + bc +'" onload="window.parent.tinyMCE.get(\'' + t.id + '\').onLoad.dispatch();"><br></body></html>'; 

На странице редактора:

  function drop(ev) { ev.preventDefault(); var data=ev.dataTransfer.getData("Text"); tinyMCE.execCommand('mceInsertContent',true,data); } function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { var html = $('#'+ev.target.id).html(); ev.dataTransfer.setData("Text",html); } 

Кажется, использование jquery с TinyMCE не работает …