Как интерактивно вписать текст в тэг, без отправки формы.
 

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

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

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

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

Ищите в сети "wysiwyg редактор"
 

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

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

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

contenteditable=true

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

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

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