允许自定义CSS - Allowing custom CSS

Allowing custom CSS

本文关键字：CSS 自定义 | 更新日期: 2023-09-27

我想允许我的用户将他们的自定义CSS插入到他们的网站中。

自定义CSS文件将仅提供给客户网站。我将自己主持CSS，我正在考虑通过PHP脚本提供它，并在那里进行过滤。

执行此操作时应注意什么
我应该过滤的东西，到底什么不应该包含在CSS文件中

感谢

我不久前就实现了这一点。我的方法是创建一个单独的php/css文档。创建一个html/php页面，页面上有一个带有输入的表单，供用户输入其样式选项。将其发布到css/php脚本中，然后相应地使用帖子中的变量。为了安全起见，你需要逃离所有的帖子请求。

将其放入您的html文档中

<link rel='stylesheet' type='text/css' href='css/style.php' />

创建像这样的php/css文档

<?php
    header("Content-type: text/css; charset: UTF-8");
   $brandColor = "#990000";
   $linkColor = "#555555";
   $CDNURL = "http://cdn.blahblah.net";
?>
#header {
   background: url("<?php echo $CDNURL; ?>/images/header-bg.png") no-repeat;
}
a {
  color: <?php echo $linkColor; ?>;
}   
ul#main-nav li a {
  color: <?php echo $linkColor; ?>;
}