2010-04-09 6 views
24

Я ищу «сосать меньше» WYSIWYG в -browser X? HTML-редактор, который генерирует good HTML-код.Редактор браузера WYSIWYG, который генерирует * хороший * HTML?

(без <font>, <foo style="...">, <p></p><span></span><p><span>&nbsp;</span><span><span>blah</span></<span></p> и так далее - <b> и <i> и т.д. в порядке).

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

Любые предложения?

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

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

+0

Вы не можете пойти не так и не с помощью блокнота. – Ben

+0

Ха-ха, разве мы все не ищем этого? Недавно я работал над переделкой веб-сайта сообщества небольшого города, который был сделан с измененной старой версией главной страницы. Он был полон вещей, таких как тройные вложенные теги шрифтов и divs с идентификатором типа AAB3239F ... Нам действительно нужен редактор WYSIWYG, который правильно использует css вместо таблиц и мусорных тегов! –

+1

В «Редакторе HTML браузера WYSIWYG» вы имеете в виду редактор, который можно использовать внутри браузера? Или вы ищете решение для настольных компьютеров? –

ответ

1

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

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

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

+0

KompoZer не большой, но это лучший [бесплатный] редактор WYSIWYG HTML, который я нашел тоже. – ewall

+0

Спасибо, но это настольный клиент, я ищу редактор в браузере. По-видимому, это не было четко сформулировано. –

1

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

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

3

Что относительно WYMEditor?

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

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

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

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

+0

Спасибо, я попробую. –

2

Вы можете использовать Markdown with the WMD UI, это тот, который используется переполнением стека. Он всегда создает допустимый HTML-код.

+4

Является ли эта программа WYSIWYG? –

+0

Интерфейс WMD кажется несуществующим. Сайт дает 404. – badbod99

1

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

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

0

Класс Apple Cocoa NSTextView экспортирует довольно приятный html, где все прошивки выполняются путем указания таблицы стилей в заголовке. Редактор Apple TextEdit использует это.

6

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

0

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

+1

Sloooow и создает ужасный Javascript после нескольких изменений. Разрывает все, если глупые люди копируют и вставляют откуда-то. –

+0

s/Javascript/HTML / –