...
| 경로 | 설명 |
|---|---|
/workspace/SynapEditor_2.x.x/SynapEditor | 사이냅에디터 : synapeditor.min.js, synapeditor.min.css 환경설정 : synapeditor.config.js 라이센스 : license.json 외부모듈 : externals 플러그인: plugins |
| /workspace/SynapEditor_2.x.x/sedocConverter | 임포트 모듈 (실행파일) Windows : sedocConverter.exe, 각종 dll Linux : sedocConverter_exe |
fonts.zip 파일도 /workspace아래에 압축을 풀어주세요.
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<title>Synap Editor | Unlimited Rich Text Editor</title>
<link href="resource/synapeditor/synapeditor.min.css" rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="synapeditor/synapeditor.config.js"></script>
<script src="resource/synapeditor/synapeditor.min.js"></script>
<script>
$(document).ready(function() {
var se = new SynapEditor("synapEditor", synapEditorConfig);
});
</script>
<body>
<form id="seform" name="seform" action="/save" method="post">
<textarea id="synapEditor"></textarea>
<input type="submit" value="SAVE"/>
</form>
</body>
</html> |
3.4 외부모듈
| Anchor | ||||
|---|---|---|---|---|
|
3.4.1 코드미러 적용
코드미러를 적용하면 에디터의 '소스 보기' 에서 코드 편집을 원활하게 할 수 있습니다.
...
| Code Block | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
<!-- code mirror --> <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.0/codemirror.min.js'></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.0/mode/xml/xml.min.js"></script> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.39.0/codemirror.min.css'> |
3.4.2 수식 적용
| Anchor | ||||
|---|---|---|---|---|
|
| Status | ||
|---|---|---|
|
formula parser를 적용하면 에디터에서 수식 편집을 사용 할 수 있습니다.
- formula-parser script를 html에 추가하지 않을 경우 수식 입력칸 노출되지 않습니다.
- formula-parser script를 html에 추가하지 않을 경우 임포트시 문서의 수식 연속된 편집 가능하지 않습니다.
| Code Block | ||||
|---|---|---|---|---|
| ||||
<!-- formula-parser --> <script type="text/javascript" src="../resource/formula-parser.min.js"></script> |
...