...
- RedHat Enterprise, Fedora, Ubuntu, CentOS 등 커널 2.6.32 이상의 리눅스 배포판 (GLIBC 2.14 이상)
- Windows 10 이상
- Microsoft Windows Server 2012 / 2012 R2 / 2016
8. Iframe 사용 시 style 적용
Status colour Yellow title 릴리즈 3.1.2501이상 Status colour Yellow title 릴리즈 2.19.2501이상
다이얼로그, 풍선 팝업, 툴팁과 같은 UI 요소가 에디터 외부 컨테이너(<body> 아래)로 분리되어 렌더링되면서, 해당 요소들에 대해 별도의 CSS 스타일 설정이 필요합니다.
자세한 설정은 style 설정 페이지를 참고해주세요.
script로 설정 예시
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
// 에디터 초기화할 때 script를 추가하여 css를 적용
initEditor = () => {
...
const paths = [
'synapeditor.min.css의 url',
'externalStyle.css의 url',
'shapeEditor.min.css의 url',
'webAccessibilityChecker.min.css의 url',
'webSpellChecker.min.css의 url',
'personalDataProtection.min.css의 url',
'characterPicker.min.css의 url',
'documentComparison.min.css의 url',
'formEditor.min.css의 url',
'forbiddenWordDetection.min.css의 url',
'ocr.min.css의 url'
];
const topDocument = window.top.document;
paths.forEach(function (cssFile) {
if (topDocument.querySelector(`[href=' + cssFile + ']`)) {
return;
}
var link = topDocument.createElement('link');
link.rel = 'stylesheet';
link.href = cssFile;
topDocument.head.appendChild(link);
});
...
window.editor = new SynapEditor(editorId, that.editorConfig, html, eventListener);
} |