Как я могу связать JQuery WYSIWYG редактор с div ContentEditable

Question

Я занимаюсь разработкой cms и в настоящее время внедряю способ редактирования содержимого страниц.На данный момент у меня есть div, содержащий редактируемые разделы, которые при выборе для редактирования делают div contentEditable = true.Затем его можно сохранить с помощью запроса ajax.Все это прекрасно работает.

Но теперь мне нужен метод привязки редактора wysiwyg (pref jquery совместимый) к редактируемому div.Также, чтобы усложнить ситуацию, мне нужно, чтобы панель инструментов редактора wysiwyg была в отдельном блоке;которая может быть плавающей панелью инструментов, которая появляется, когда кто-то редактирует раздел.

Answer 1

http://www.aloha -editor.org / в значительной степени выполняет то, что вы описываете.

Answer 2

Я бы попробовал написать несколько функций для перетаскивания, изменения размера и т. Д. И привязать их ко всем дочерним элементам класса editable.Было бы немного поработать, но это единственное решение, которое я вижу сейчас.