Как построить скрипт перетаскивания как этот?

Я недавно использовал sitecake, мне нравится интерфейс перетаскивания для редактора содержимого. Попробуйте демонстрацию на своем сайте для визуального редактора. Мне интересно, как я могу создать «локальный» скрипт, подобный этому, для моего управления и создания статей для моего сайта.Как построить скрипт перетаскивания как этот?

Что мне нужно - это опции перетаскивания, подобные этому, и кнопка, в которой onClick выводит html текущего дисплея.

Я искал jQuery DND, draggable и droppable, HTML5 contentEditable и edit-inplace.

Но, к сожалению, пока ничего.

Может кто-нибудь помочь мне с этим? Или набросьте меня в правильном направлении?

Заранее спасибо.

источник

2012-01-21 praneybehl

Вы действительно собираетесь заставить нас найти их сайт и их демо? Где ссылка !? – BZink

@BZink спасибо за ваше время, я просто не хотел оскорбить разработчика sitecake. Но я вижу Дев. уже на странице здесь. ссылка на сайт: sitecake.com у них есть ссылка на демо на главной странице. – praneybehl

Проверьте jQueryUI Droppable и, возможно, даже Draggable.

Droppable, безусловно, способен на то, что вы просите. Все, что вам нужно сделать, это указать точки падения, что и делает sitecake.

источник

2012-01-21 06:57:35

Спасибо за вашу помощь, но как насчет получения html-кода финальной аранжировки? Вы знаете, как это получить? – praneybehl

Вам не нужен HTML-код, все, что вам нужно отслеживать, что было бы сделано через AJAX при создании капли, - это когда элемент был удален. Вам необходимо создать «Зоны» или «Точки падения», и при каждом удалении элемента в эту точку падения вы отправляете обновление на сервер через AJAX, который сохранит результат в базе данных. –

спасибо, что он хороший совет. Возможно, мне нужно найти способ создания динамического отслеживания «drop point», если всплывающий объект был сброшен в недоступной зоне. Я бы тоже хотел их изменить. – praneybehl

Я разработчик SiteCake. Первая версия SiteCake была разработана на основе GWT и jQuery/jQueryUI Droppable и Draggable. Текущая версия оснащена библиотекой GWT и GWT-DnD. Я не уверен, что четко понимаю ваш вопрос о получении кода html.

источник

2012-01-21 16:24:00

Приветствие @NikolaIvancevic Должен сказать, что мне нравится ваш интерфейс на SiteCake. Я просто пытаюсь найти способ создания страниц, которые можно разместить в текстовом редакторе, и он поддерживает макет, созданный при перетаскивании, для моего эксперимента. Для этой цели я не хочу привлекать серверное программирование. – praneybehl

Как вы собираетесь сохранять какое-либо содержимое страницы или изменение макета, если нет серверного программирования (службы)? –

Я просто хочу сохранить содержимое страницы в текстовом файле в моей локальной системе. Что я могу сделать вручную, если у меня есть код . Спасибо – praneybehl

Как построить скрипт перетаскивания как этот?

ответ

Смежные вопросы