Получить WYSIWYG, чтобы отобразить содержание Bootstrap темы правильно - с точки зрения дизайна

Question

Я попытался Dreamweaver и Expression Web 4.

Когда я открываю Bootstrap рамки темы, как (http://getbootstrap.com/examples/dashboard/) в WYSIWYG - со всеми должным образом CSS и файлы JavaScript подключены - он не отображается, как это происходит при визуализации HTML в браузере.

Вместо этого - с дизайном WYSIWYG в дизайне - HTML и Div и т. Д. Все испорчены и находятся в очереди друг над другом.

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

Это делает редактирование макета реальной болью.

Как получить WYSIWYG для отображения содержимого темы Bootstrap в представлении редактора, как и в браузере?

Answer 1

Как получить WYSIWYG, чтобы отобразить содержание темы Bootstrap, в вид редактора дизайна, так же, как это делает в браузере?

При наличии CSS нет разумного способа для редактирования содержимого в режиме WYSIWYG образом.

CSS: по заданному HTML и набору правил CSS производят результат рендеринга (прямая задача).

WYSIWYG: этот результат рендеринга создает структуру HTML и набор правил CSS (противоположная задача).

Прямая задача (HTML -> CSS -> рендеринг) имеет прекрасный математический/формальный смысл. В то же время противоположная задача (WYSIWYG -> HTML) не имеет детерминированного решения - при наличии CSS один и тот же результат рендеринга может быть достигнут разными способами и правилами CSS - преобразование неопределенным.

Последняя HTML-спецификация, которая может быть использована для редактирования HTML WYSIWYG, была 3.2 (одна без CSS, AFAIR).

Вы не можете создать редактор, который позволит вам редактировать современный контент веб-сайта (например, stackoverflow.com) исключительно с помощью WYSIWYG.

Вы можете редактировать области текстового контента в некоторой степени (используя специальные приближения уценки), но не весь сайт.

Так что забудьте об этом и идите редактировать свои материалы с помощью текстовых редакторов.

Сказав, что я допущу, что редактирование WYSIWYG возможно, но только при использовании специального DOM, специально разработанного для WYSIWYG. Возьмите Microsoft Word, например. Но когда вы попытаетесь получить из него HTML/CSS-контент, у вас будут проблемы, а. Не потому, что разработчики Word ленились, но из-за своего внутреннего «плоского текста» DOM.