실시간 미리보기로 CSS 값을 변경하십시오. 덜 .js?

Admin CP에서 일부 CSS 속성 값을 사용자 정의 할 수있는 페이지를 만들고 싶습니다. 배경색. 예를 들어 다음과 같은 실시간 미리보기가 있어야합니다. Wordpress에서, 그러나 나는 어떻게 모른다. ,실시간 미리보기로 CSS 값을 변경하십시오. 덜 .js?

나는 스타일에 대한 LESS를 사용하고, 그래서 나는 Less.js 및

less.modifyVars()

그것은 작동을 사용하는 방법에 대한 생각,하지만 문제는,이 페이지의 변화를 보여 약 1 초 걸립니다 왜냐하면 나는 또한 부트 스트랩을 가져 오기 때문에 파일이 작지 않다.

기타 아이디어가 어떻게 생겼습니까?

나는 각 요소와 속성에 대한 기능을 만들지 않도록하려고합니다. – user3817008

LiveReload 또는 이와 유사한 것을 사용한다고 가정하면 대용량 파일을 여러 개의 작은 파일로 분할하십시오. LiveReload는 실제로 변경된 파일 만 다시로드/업데이트합니다. 훨씬 빨라지고/즉각적이어야합니다.

당신은 크롬 개발 도구를 사용하여 CSS 변경 사항을 저장할 수 있습니다 - 자세한 내용은 여기를 How to save CSS changes of Styles panel of Chrome Developer Tools?

2014-09-11 10:56:14 Iladarsda

고마워요.하지만 여기 마지막 예제와 같은 부분이 있습니다 : http://www.eyecon.ro/colorpicker/ 브라우저에서 값을 변경하는 방법 – user3817008

브라우저에서 값을 변경하고 CSS /적게? – Iladarsda

예, 웹 사이트 내부에 브라우저 추가 기능이 없으므로 – user3817008

답변