Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как интерактивно вписать текст в тэг, без отправки формы. (https://javascript.ru/forum/events/54157-kak-interaktivno-vpisat-tekst-v-tehg-bez-otpravki-formy.html)

Greesha 05.03.2015 23:08

Как интерактивно вписать текст в тэг, без отправки формы.
 
Всем привет, у меня странный вопрос. Есть ли теги которые позволяют вводить текст и форматировать его в онлайне.

Допустим я ввожу текст, и при условии что я нажал на Enter в начале он пишет и форматирует его как обычную строку. Нажимаю два раза на Enter и он следующий текст набирает уже в заголовок. Возможно ли такое? А при нажатии Tab он урезает поля текста и так далее. Возможен ли такой интерактив и с помощью чего его можно достигнуть.

Пример беру не с головы такой портал видел сам правда не знаю как это там реализовано не смог разобраться и поэтому спрашиваю. Смотрел код там ничего не понятно. Если верить инспектору кода, то там скрипт создает тег <p></p> в который якобы можно писать. Если кто может подсказать буду благодарен.

laimas 05.03.2015 23:49

Возможно. Ищите в сети "wysiwyg редактор".

Greesha 06.03.2015 01:33

Ищите в сети "wysiwyg редактор"
 
А возможно ли сделать так при помощи HTML и JS не прибегая к сторонним разработкам. На голом энтузиазме так сказать?

Greesha 06.03.2015 01:38

Мне это нужно, так сказать не для верстки сайта, а скорее для форматирования текста статей, чтобы ничто не отвлекало. Один раз настроил, подогнал формат тем более, что форма нужна ограничено-фиксированная.

laimas 06.03.2015 01:43

HTML5 без команд, которыми обладают браузеры для вставки html-тегов, причем различные они у браузеров, ничего не получится. Но если хотите изобрести свой велосипед, то например элементу div добавьте:

contenteditable=true

вот вам и Word. А дальше крутитесь. Есть готовые легкие визуальные редакторы, берите и используйте, без знаний JS вряд ли вы что-то напишите сами.

danik.js 06.03.2015 06:04

Greesha, используй CKEditor, он умеет работать в inline-режиме, у них есть демки.
После правок изменения должны ведь сохраняться, ты это понимаешь? Надо например отсылать ajax-запрос с новым контентом, чтоб сохранить в базу.

Greesha 06.03.2015 10:37

Всем спасибо, помогли. Про атрибут я и не знал. У меня была проблема в редактировании тегов. С таким атрибутом теперь я разберусь думаю дальше как запелить js с добавлением нужного тега и с последующим форматированием... Всем удачи.


Часовой пояс GMT +3, время: 16:14.