Markdown Vditor 를 휴대폰에서 테스트해보기 페이지 정보 작성자 Docker 댓글 0건 조회 13,511회 작성일 20-04-12 10:40 목록 본문 먼저 깃헙에서 다운로드해서 컴파일 합니다. ```bash git clone https://github.com/vanessa219/vditor cd vditor npm install npm run start ``` `localhost:9000` 에서 접속이 가능합니다. vscode 로 코드 수정을 합니다. ```bash cd vditor code . ``` `./demo/index.js`에서 다음을 추가합니다. ```javascript placeholder: 'placeholder', mode: 'ir', lang: 'ko_KR', toolbarConfig: { pin: true, }, ``` > lang: 한국어 지원 'ko_KR' > > mode: 'wysiwyg' 'ir' 'sv' 3가지 모드를 지원합니다. > > toolbarConfig: true는 안드로이드 스마트폰에서 툴바가 상단에 붙게 합니다. > >> 아이폰에서 `sticky`를 체크할려고 하면 `position: sticky` 위에 `position: -webkit-sticky;`룰 넣고 테스트해주세요 >> >> 어떤 때는 붙고, 어떤 때는 안붙는 경향이 있네요. >> 해당 컴퓨터의 아이피를 찾아서 스마트폰에서 `아이피:9000` 으로 접속해서 테스트 하시면 됩니다. `./src/ts/util/Options.ts` 에 디폴트의 옵션이 있습니다. 그중에서 preview에 해당되는 부분만 다시 보면. ```typescript preview: { delay: 1000, hljs: { enable: true, lineNumber: false, style: "github", }, markdown: { autoSpace: false, chinesePunct: false, codeBlockPreview: true, fixTermTypo: false, footnotes: true, setext: true, toc: false, }, math: { engine: "KaTeX", inlineDigit: false, macros: {}, }, maxWidth: 768, mode: "both", }, ``` > lineNumber: true, 코드블락에 넘버링하기입니다. > > codeBlockPreview: false, 코드블락 미리보기를 안합니다. > > toc: true, Table of Contents를 지원합니다. (헤딩에 해당되는 부분을 목차로 만들어줍니다.) > > mode: "both" 는 마크다운 모드에서 화면을 양쪽으로 나오게 합니다. "editor"로 놓으면 마크다운 전용으로 나옵니다. > >> 양쪽 화면으로 놓으면 매번 렌더링을 하기 때문에, 컴퓨터나 스마트폰등에서는 늦은 느낌이 들수가 있습니다. 위와 같이 세팅을 하면 해결할 수 있습니다. >> 이전글Vditor 현재 버전 3.1.9에서 개선해야 될 것 20.04.15 다음글마크다운 에디터 옵션 설정하기. 20.04.11 댓글 0 댓글목록 등록된 댓글이 없습니다.