使用表单编辑CSS和HTML


Using a form to edit CSS and HTML

我想创建一个表单来编辑模板网页的样式和html内容。

表单页面有:

  • 为页面输入h1标题的输入
  • 用于选择h1字体的下拉框
  • 用于选择文本大小的下拉框
  • 输入字幕
  • 更改格式的控件
  • 等等

这将生成页面B,该页面大部分已经使用css进行了格式化,但使用表单中的输入来编辑一些样式,如字体和颜色。

如果我只是把表单发布到PageB,并用这样的东西内联css,我可以很容易地做到这一点:

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

但我更喜欢将格式与HTML分开,因为这些页面将来可能需要手动编辑。我还想保存生成的html页面和css文件以备将来使用。

做这件事最好、最简单的方法是什么?我可以将整个css文件粘贴到PageB中,并让PageB在指定的更改后将其写入服务器,但这似乎不是一种非常优雅的方式。

背景:大学学历,没有太多的网络经验。

我建议设置一个样式表,其中包含您希望能够编辑的所有属性。

在数据库(或平面文件)中为要从前端编辑的每个字段创建一个"字段"。

然后使您的输入接口与这些字段匹配。

将您的输入保存回数据库。

如果您想再次保存css文件,请编写一个输出函数从数据库中写入它们。

这取决于任务的规模,即现在和将来哪种方式能为你节省最多的时间。

您可以添加一个<link rel="stylesheet" type="text/css" href="dynamic_css.php" />

在PHP文件上,您可以动态生成CSS。