Вопрос по javascript, syntax-highlighting, html5 – HTML5 форматированный текст внутри текстовой области

9

Я слышал, что новый HTML5 добавит возможность расширенного текста к текстовым областям (это сделает их более гибкими), поэтому вы можете делать такие вещи, как редакторы с подсветкой синтаксиса кода без очень неприятного javascript (например, создавать iframe и прочее).

Это правда? Есть ли браузеры с поддержкой этого? И где я могу найти API?

У меня нет стада расширенного текста внутри текстовых областей (но я тоже не смотрел), но вы можете посмотреть наcontenteditable приписывать. Petah

Ваш Ответ

4   ответа
2

W3Schools & gt; HTML5 & gt; TextArea Я не вижу ничего, что намекает на то, что это правда.

Edit: добавлено больше ссылок из-за комментариев людей, которые не любят w3schools

Даже если это в сущности одно и то же на данный момент, здесь ссылка на w3.org длявики текстовая область, а такжеспекуляция для текстовой области. Кроме того, вот документ сразличия HTML 4 и 5 по состоянию на 29 марта 2012 года

Я буду иметь это в виду
@MilkyWayJoe То, как w3schools представляет свою информацию, столь же отвратительно. Ссылка на актуальную спецификацию, а не на неофициальную информацию была бы лучше.
Ya @MilkyWayJoe Я видел это, написанное модом W3Schools. w3Schools никак не связан с W3C, но они представляют себя такими, какими они были. Попробуйте MDN для будущих ссылок, как этот:developer.mozilla.org/en/HTML/Element/textarea
w3fools.com
3

что вы имеете в виду новый атрибут contentEditable. Это не текстовая область, а атрибут элемента. Это хорошо для разрешения изменений в контенте.

Пытатьсяhttp://html5demos.com/contenteditable

Обратите внимание, что ваш браузер, скорее всего, не предоставляет вам панель инструментов с полужирным шрифтом, курсивом и т. Д. Тем не менее, Chrome позволит вам выделять текст и использовать CTR-B, CTR-I и т. Д. С этим по-прежнему не все понятно.

По сути, это незавершенная работа, и лучшим выбором для совместимости с браузером является использование редактора wysiwyg, такого как tinymce et al.

Атрибут contenteditable поддерживается всеми браузерами, включая старый IE, так что это не функция HTML5. Хорошая статья:html5doctor.com/the-contenteditable-attribute Много лет занимался HTML, и я не знал о его существовании .... :(
Ух ты, я так же удивлен, как и ты. Вы заставили меня взглянуть на его историю:blog.whatwg.org/the-road-to-html-5-contenteditable
5
NO - jQuery

что и я) инструменты NO-jquery (чистый HTML / CSS + базовый JS), то некоторые из лучших вариантов, которые я нашел:

wysihtml5 Squire ckeditor widgEditor

Neverthelessвсе те, кто находится в списке выше, преобразуют элемент (textarea) в iframe, так что они не были именно тем, что я искал, в конце концов я нашел этот, которыйrespects the original element (divs или около того, но если вы используете textarea, то он создает дополнительный div), что позволяет полностью разрабатывать JS-приложения:

nicedit

Надеюсь, это вам тоже поможет!

5

Алоха редактор?

Он использует новыйcontenteditable атрибут для добавления редактора WYSIWYG в любой выбранный вами div.

Посмотрите надемос.

Это выглядит так хорошо :)
contenteditable не нова Он существует с 2000 года в IE и какdesignMode в Mozilla / Firefox с 2003 года.
Ну можноcontribute :-)
вау, потрясающий редактор: D на панели инструментов очень много чего не хватает, но выглядит очень многообещающе Alex
Это выглядит очень интересно. Мое тестирование выявило некоторые реальные плюсы и минусы других wysiwyg, но мне интересно, на какие браузеры они ориентированы? Я не смог найти информацию о поддержке браузера в любом месте.

Похожие вопросы