HTML-авторинг в редакционной среде

Question

Недавно подготовив отчет на основе HTML / CSS / Javascript из различных отправленных мне файлов Word и Excel, я пытаюсь выяснить, как сделать это лучше в будущем, в идеале позволяя нетехническим пользователям в офисе делать много из задач, в настоящее время переданных мне.

Существует целый ряд HTML-редакторов, но ни один из них явно не способен справиться с такой задачей. Например, большинство таблиц в документе отображаются в виде «толстого ящика» (плагин jquery). В дополнение к таблице это требует, чтобы я заключил их в div с различными атрибутами id и class, а затем создал ссылку вверху страницы, которая выглядит примерно так:

<a href="#TB_inline?height=300&amp;width=700&amp;inlineId=tbtable2"
class="thickbox tablelink" title="Municipal Operating Expenditure (A$m)">Municipal Operating Expenditure</a>

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

Answer 1

Вы не можете дать своим нетехническим пользователям такой сложный шаблон HTML и надеяться, что они его не сломают. Нет редактора HTML, который мог бы применять такие правила для структур, которые являются более сложными, чем атрибут класса в элементе.

Этот сценарий требует использования XML: вам нужно разделить ваш контент и презентацию.

Вы должны определить XML-разновидность для описания вашего отчета. Затем напишите XSLT, который преобразует ваш XML-элемент в структуру HTML, которую вы описали выше.

Чтобы позволить нетехническим пользователям выполнять некоторые из ваших задач, вы можете использовать Xopus , чтобы сделать XML редактируемым ( demo ). Вы можете выполнить первоначальное преобразование из OOXML или использовать функцию копирования / вставки в Xopus, чтобы позволить им копировать содержимое из Excel и автоматически преобразовывать его в ваш элемент .

Answer 2

Заставьте их использовать Markdown, как здесь, и вставьте отображаемый HTML в ваш шаблон.

Answer 3

Вы пробовали FCKEditor . Он очень популярен и используется во многих блогах, вики и CMS. Он может создавать очень чистый HTML и легко настраиваться.