WYSIWYG браузерный редактор, который генерирует * хороший * HTML?

Question

Я ищу WYSIWYG в -браузере X? HTML-редакторе, который генерирует хороший HTML-код.

(нет <font>, <foo style="...">, <p></p><span></span><p><span>&nbsp;</span><span><span>blah</span></<span></p> и т. Д. - <b> и <i> и т. Д. В порядке).

Должно быть простым в использовании, поскольку оно будет использоваться людьми, которые не знают, что такое HTML.

Есть предложения?

Дополнительные баллы за готовность к копированию и вставке из Word! : -)

(Я нашел много редакторов, но все они создают эту <font> и вложенную <span> ерунду, которая нарушает дизайн сайта и раздувает сайт с одной таблицей до 100 КБ.)

Answer 1

Загрузите текущую версию CKEditor и посмотрите пример вывода XHTML. Он показывает, как использовать полный WYSIWYG, но не генерирует шрифт или стили. Вам просто нужно настроить конфигурацию в соответствии с вашими потребностями.

Answer 2

А как насчет WYMEditor ?

WYMeditor был создан для генерации идеально структурированного строгого кода XHTML, соответствия спецификациям W3C XHTML и облегчения дальнейшей обработки современными приложениями.

С WYMeditor код не может быть загрязнен визуальной информацией, такой как стили шрифта и веса, границы, цвета, ... Конечный пользователь определяет смысл содержимого, который будет определять его аспект с помощью таблиц стилей. Результат - простое и быстрое обслуживание информации.

Я немного его использовал, и, хотя у вас есть немало настроек, если у вас есть особые потребности, он работает из коробки для простого редактирования XHTML. Если вы настроите специально аннотированные CSS-файлы, он обнаружит стили, которые вы хотите, чтобы пользователи использовали, и заблокировал элементы уровня, к которым они применяются. Вы также можете указать ему, как отображать эти стили в редакторе (который может отличаться от того, как вы хотите, чтобы они отображались в результирующем XHTML).

Конечно, он генерирует XHTML , а не HTML, поэтому он может не соответствовать вашим точным потребностям.

Answer 3

В Википедии есть категория для них:

http://en.wikipedia.org/wiki/Category:JavaScript-based_HTML_editors

Answer 4

Вы можете использовать Уценка с пользовательским интерфейсом WMD , это то, что используется переполнением стека. Всегда выдает корректный HTML-код.

Answer 5

Существует несколько редакторов WYSIWG для встраивания на ваш сайт.

WYMeditor (http://www.wymeditor.org/) выглядит очень красиво и, кажется, хорошо подходит для нацеливания чистых и достоверных результатов XHTML.

Answer 6

Я недавно переключил один из своих проектов на уценку, чтобы избежать этой проблемы. Для пользователей все еще есть некоторая кривая обучения, но мне не приходилось сталкиваться с обычными проблемами, возникающими при копировании / вставке контента из Word, и удивляться, почему он взорвался.

Сказав это, я предпочитаю CKEditor , а не TinyMCE и элементы управления Telerik. Обычно я обнаружил, что он генерирует более чистый HTML.

Answer 7

Я только недавно искал редактор для создания надежной документации, вывод которой подходит для различий Subversion: https://superuser.com/questions/126621/wysiwyg-editor-for-structured-text-suitable-for-svn-versioning

Предложенный редактор - "KompoZer" - оказалсябыть фантастическим, особенно потому, что он генерирует очень чистый HTML (по моему мнению).И я говорю, что, хотя я изначально предпочитал что-то более простое, чем HTML.

PS Читая ваш вопрос еще раз, я не уверен, что вы имеете в виду под «редактором браузера» - вы ищете редактор, которыйможно интегрировать в HTML-страницу?KompoZer основан на браузере, но, вероятно, его нельзя интегрировать в HTML-страницу.

Answer 8

Этому посту уже более 8 лет, но он все еще актуален ...

Я нашел потрясающую страницу github с курируемым списком редакторов WYSIWYG, включая несколько WYSIWYM, которые гарантируют нормальный HTML. Начиная с 2018 года самый актуальный и лучший WYSIWYM выглядит как ProseMirror или, может быть, ORY Editor , если вы ищете что-то для редактирования целых веб-страниц (!) В одном текстовом поле.

Answer 9

http://tinymce.moxiecode.com/ - прост в использовании, может импортировать форму Word и ограничивать форматирование предопределенными стилями CSS, чтобы обеспечить согласованный вывод.

Answer 10

Яблочный какао-класс NSTextView экспортирует довольно хороший HTML-файл, в котором все перемешивание выполняется путем указания таблицы стилей в заголовке. Редактор Apple TextEdit использует это.