Пишу простой editor html. Как реализовать изменение текста в уже готовом div'? Т.е. есть готовый HTML файл, нужно чтобы по нажатию на определённый блок была возможность сразу менять текст, как это делает devtools в хроме при "просмотре кода элемента". Задача не из стандартных видимо :) Надеюсь есть идеи)
3
-
Что Вы уже пробовали делать?– Mihanik718 авг 2016 в 17:27
-
Если вы даже не представляете с чего вам начать подобное, то не стоит этим заниматься, это очень сложный велосипед. Посмотрите в сторону готовых решений и доработайте их, если вас, что то не устраивает в их функционале.– Дмитрий Гвоздь8 авг 2016 в 17:34
-
Ничего неточного в вопросе не вижу, уточнил как мог. Товарищ с ником Maqsood успешно на него ответил, просто не мог найти тот самый тег, дело остаётся за малым - реализовать отправку изменённого фрагмента, думаю использовать AJAX без скрытых форм (по функции click).– John Kindle9 авг 2016 в 11:11
Добавить комментарий
|
1 ответ
Если я Вас правильно понял, то Вам нужно добавить атрибут contenteditable
Например, данный div будет работать как textarea:
<div contenteditable="true">
Здесь текст для редактирования
</div>
Для сохранения изменений в тексте, можно обработать посредством jQuery. Но одним contenteditable
не обойтись, нужно отправлять измененные данные через скрытые формы.
-
Понял, спасибо большое за ответ, но по поводу отправки формы. Через AJAX не вариант? Просто с помощью JQuery брать контент блока и передавать его через тот же POST *.php скрипту? Без всяких скрытых форм. 9 авг 2016 в 11:09
-
@JohnKindle, Тоже верно! Вы можете получить данные DIV'а таким образом
$("div").text()
и отправлять его куда нужно)– PHP9 авг 2016 в 11:31 -