MVC ASP.NET 응용 프로그램 내에서 CSS 문자열을 작성하는 솔루션을 찾으려고합니다.

Question

ASP.NET MVC 웹 응용 프로그램 내에서 CSS 문자열을 작성하는 솔루션을 찾으려고합니다. 내가 이것을 선택기 수준에있을 것으로 기대합니다. 예를 들어, 다음과 같은 CSS 문자열을 가질 수있는 "TableFormat"클래스가있을 수 있습니다. 대신 CSS를 알 필요 내 사용자가, 그들은 글꼴, 색상 등을 선택 후 무대 뒤에서 위젯이 위의 문자열을 구성 할 수있는 위젯이 훨씬 더 좋을 것이다 갖는

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

. 그런 다음 나중에 이것을 면도기보기에서 사용할 수 있도록 DB에 저장합니다. JS 위젯으로 존재할 수도있는 일이라고 생각합니다. 그러나 나는 DW와 같은 더 큰 패키지 내의 헌신적 인 CSS 빌더와 다른 점을 발견하지 못했다.

그래서 내 질문은 : 당신이 위의 기능을 제공하는 ASP.NET MVC 세계에서 아마도이, 또는 다른 컨트롤을하는 자바 스크립트 제어 알고

마십시오. 이것은 텍스트 영역으로 매핑됩니다. 그렇지 않으면 나 자신의 컨트롤을 작성해야 할 수도 있습니다.

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 당신은/CSS/사용자 정의로 이동하면보기이

@{ 
    Layout = null; 
    Response.ContentType = "text/css"; 
} 

@ViewData["selector"] 
{ 
    font-family: @ViewData["fontFamily"]; 
    font-size: @ViewData["fontSize"]; 
} 

과 같을 것 이 같은 것을 볼 수 있습니다.

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

이제 동적으로 생성 된 CSS에서보기를 일반 CSS 파일로 포함시킬 수 있습니다 (예 :

<link href="/Css/Custom" rel="stylesheet" />