Использование формы для редактирования CSS и HTML

Question

Я хочу создать форму для редактирования стиля и содержимого HTML веб-страницы шаблона.

Форма страницы имеет:

• Ввод для ввода заголовка h1 для страницы
• Раскрывающийся список для выбора шрифта для h1
• Раскрывающийся список для выбора размера текста
• Вход для ввода субтитров
• Элементы управления для изменения форматирования
• и т.д.

Это создает страницу B, которая в основном уже отформатирована с помощью css, но использует входные данные из формы для редактирования некоторых стилей, таких как шрифты и цвета.

Я мог бы сделать это легко, если бы я просто разместил форму на странице B и добавил css примерно так:

<h1 style="font-size: <?php echo $_POST['h1-font-size'] ?>pt">
    <?php echo $_POST['h1-title']?>
</h1>

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

Какой самый лучший и простой способ сделать это? Я мог бы вставить весь файл CSS в PageB и заставить страницу B записать его на сервер с указанными изменениями, но это не выглядит очень элегантным способом.

Предыстория: степень специалиста, немного опыта работы в Интернете.

Answer 1

Вы можете добавить <link rel="stylesheet" type="text/css" href="dynamic_css.php" />.

В файле PHP вы динамически генерируете CSS.

Answer 2

Я бы предложил настроить таблицу стилей со всеми свойствами, которые вы хотите редактировать.

Создайте «поле» в базе данных (или плоский файл) для каждого поля, которое вы хотите редактировать из внешнего интерфейса.

Затем настройте интерфейс для входных данных в соответствии с этими полями.

Сохраните ваши данные обратно в базу данных.

Напишите функцию вывода для записи ваших CSS-файлов из базы данных, если вы хотите сохранить их снова.

Это зависит от масштаба задачи и того, каким образом вы сэкономите больше всего времени сейчас и в будущем.