Создание HTML в редакционной среде

Недавно подготовив отчет на основе 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, а в идеале полностью избавляет их от кода.

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
2
0
323
3

Ответы 3

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

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

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

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

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

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

Другие вопросы по теме