Евгений Попов

Немного проще: еще до html5 можно было использовать любые атрибуты, просто некоторые имели свои правила интерпретации как например href у a, интерпретировался как ссылка по onclick на некий путь(event), вы можете использовать любые атрибуты, но стоит учесть, что может возникнуть "конфликт" по спецификации. Почему использовать data? - "из коробки" хранение объектов и значений разных типов(формат json) при интерпретации, в остальных придется делать decode+"плюшки" чтобы отличить "1",1,true,TRUE и тд.

поставить foreach вокруг tr(строка), а не как сейчас вокруг td(ячейка)? Или ваш вопрос не до конца ясен.

Странно конечно, что вам не удалось найти, но вот

Можете переформулировать ваш вопрос, не очень понятно причем здесь редактор netbeans и любой другой редактор кода. Если ваш вопрос как именно реализовать редактор-wysiwyg тогда нужен перечень требований к нему так как если в вообщем тогда можно сделать любой тег редактируемым, но в итоге в разных браузерах у него будет крайне разное поведение.

Можно в превью весь текст через js перевести каждую букву в пробел а весь текст(получившиеся пробелы) в блоках поместить в inline элементы фон данных элементов перекрасив цвет шрифта в блоках. При демонстрации данных миниатюр строки будут смотреться естественно практически в любом масштабе.