【问题标题】:Using a form to edit CSS and HTML使用表单编辑 CSS 和 HTML
【发布时间】:2012-03-03 09:49:31
【问题描述】:

我想创建一个表单来编辑模板网页的样式和 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 将其写入服务器并进行指定的更改,但这似乎不是一种非常优雅的处理方式。

背景:comp-sci 学位,网络经验不多。

【问题讨论】:

  • 一个神奇的词:TEMPLATES =)
  • 小心..如果有人插入这个字体大小怎么办:12px;"&gt;&lt;/h1&gt;&lt;script&gt;window.location.href="bad"&lt;/script&gt;
  • 此表单仅供我使用并选择其他人,所以我不担心会清理输入
  • 如果我理解正确,没有必要内联任何东西。只需生成 整个 CSS 和 HTML 内容并将它们保存为单独的文件。

标签: php html css forms post


【解决方案1】:

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

在数据库(或平面文件)中为您希望从前端编辑的每个字段创建一个“字段”。

然后让你的输入接口匹配这些字段。

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

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

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

【讨论】:

    【解决方案2】:

    您可以添加&lt;link rel="stylesheet" type="text/css" href="dynamic_css.php" /&gt;

    在 PHP 文件中,动态生成 CSS。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-12-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多