코드하이라이터 에디터에서 출력할때 보여주는 곳 style 어디서?
| CMS/프레임워크 | Rhymix 2.0 |
|---|---|
| 개발 언어 | 사용안함 |
저녀석이 밝은색상으로 고정이라서....
element.style {
font-family: 'DejaVu Sans Mono', 'Courier New', Courier, monospace !important;
border: #666 1px dotted;
border-left: #2AE 5px solid;
padding: 5px;
background: #FAFAFA url(./modules/editor/components/code_highlighter/component_icon.gif) no-repeat top right;
}
이렇게 뜨는데요.
저녀석을 어둔색상으로 바꾸고 싶은데 css도 지정되어 있지 않고 다른 색상으로 바꾸고 싶은데 쉽지가 않네요.
저 스타일 만들어내는 녀석이 어떤 녀석인가요?
그냥 쉽게 변경할 수 있는 방법이 있다면 뭐 누가 만드는지도 상관 없겠습니다 ㅠㅠ
![화면 캡처 2021-05-13 181834.png.jpg [File Size:78.5KB/Download:1]](/files/download/link/1569022/b22f67d9d169b62c02616ab6176eacf0/%ED%99%94%EB%A9%B4%20%EC%BA%A1%EC%B2%98%202021-05-13%20181834.png.jpg){kind=link}
댓글 4
element.style 이라는건 html의 style= 속성에 들어가는 css 입니다.
예를들어 <div style="display:none"></div>
위의 소스중 display 속성이 element.style 에 뜨게 됩니다.
그런데 element.style 에 들어가는 내용들의 경우 보통 css파일이 아닌 js에서 수정하는 경우도 많고 실제로 html 파일에 직접 설정하는 경우도 많아요.
위의 질문 상황으로 봤을때는 에디터의 JS에서 관여하고 있는 것 같네요.
해당 관련 부분을 확인해보세요.
https://github.com/xe-public/code_highlighter/blob/53855de8b3d060e4c87f168604470e7979a84080/tpl/popup.js#L43
일단 해당부분은 tpl/popup.js에 있습니다만 이게 한번 삽입된 이후엔 바뀌는게 아니라... 별도 스타일시트에서 editor_component값 기준으로 CSS 따로 적용하는게 나을것 같습니다.
css에서 div[editor_component="code_highlighter"]와 같이 선택 가능할겁니다.