我试图在我的MVC ASP.NET应用程序中找到一个构建CSS字符串的解决方案，请问？

我试图找到一个解决方案，在我的ASP.NET MVC Web应用程序中构建一个CSS字符串。 我希望这是在选择器级别。 例如，我可能有一个类“TableFormat”，可能有以下CSS字符串。

font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-align: left; background-color: green; color: White; 

不要让我的用户需要知道CSS，最好是让一个小部件允许他们选择字体，颜色等，然后​​在幕后小部件构建上面的字符串。 然后，我将其存储到数据库中，以备将来在Razor View中使用。 我怀疑它可能存在于JS小部件中。 但是，除了DW等更大的软件包中的专用CSS构建器之外，我还没有找到任何东西。

所以我的问题是：

您是否知道可以执行此操作的Javascript控件，或者是提供上述function的ASP.NET MVC世界中的其他控件。 这将映射到textarea字段。 否则我可能需要编写自己的控件。

Answer 1

您需要构建一个后端部件，用户可以在其中选择所需的属性并将其存储在数据库中。

您可以创建一个可以处理这些自定义值的新Controller ，就像这样

 public class CssController : Controller { public ActionResult Custom() { ViewData["fontFamily"] = "Arial, Helvetica, sans-serif"; //get from database ViewData["fontSize"] = "12px"; //get from database ViewData["selector"] = ".TableFormat"; //get from database return View(); } } 

Custom.cshtml View看起来像这样

 @{ Layout = null; Response.ContentType = "text/css"; } @ViewData["selector"] { font-family: @ViewData["fontFamily"]; font-size: @ViewData["fontSize"]; } 

如果您导航到/ css / custom，您会看到类似这样的内容

 .TableFormat { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } 

现在，在您想要动态生成的css的页面中，您可以将视图包含为常规css文件，例如：