몽9에디터

몽9에디터는 100여가지 반응형 블록 샘플이 준비된 에디터로 사용자의 목적에 맞는 블럭을 선택하여 문서를 제작할 수 있습니다. 몽9 에디터를 이용하면 코딩과 포토샵을 몰라도 누구나 쉽게 반응형 웹문서를 제작할 수 있는 에디터입니다.

몽9 에디터 구성

01

객체 설정

각 객체의 스타일을 설정할 수 있는 창입니다.
02

샘플 블럭

반응형 처리되어, 미리 만들어져 있는 약 100개의 샘플 블럭이 있습니다.
03

빠른 설정

자주 쓰는 기능을 모아 빠르게 변경하기 위한 설정 창입니다.
04

반응형 모드

반응형 웹사이트를 위한 PC버전, 모바일 가로버전, 모바일 세로버전 모드를 제공하고 있습니다.
05

편집영역

2번 블럭 창에서 드래그 앤 드롭, 더블 클릭하여 편집할 수 있는 영역입니다.

반응형 웹 에디터

디바이스의 해상도에 따라 적절하게 대응하는 반응형 웹을 만들기 위해 서로 다른 뷰포트(데스크톱, 모바일 가로화면, 모바일 세로화면)를 구축하여 작업할 수 있도록 하였습니다. 이를 통해 각각의 디자인을 차별화 하고, 모바일 화면을 최적화할 수 있어, 웹사이트 방문자에게 완벽한 환경을 조성합니다.

[[m9editor title=반응형_웹_에디터 url=./m9_data/m9editor_shortcode/intro_1.html]]

위지위그 방식 에디터

위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다"라는 뜻 ) 는 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말합니다. 몽9에디터는 마우스의 드래그(Drag)와 드롭(Drop) 또는 더블 클릭(Double Click)으로 문서를 제작하며 실시간으로 결과물을 확인하며 웹문서를 제작할 수 있습니다.

드래그 앤 드롭 (Drag and Drop)

우측 샘플 블록에서 원하는 블록을 편집 영역으로 드래그하여 삽입합니다.

[[m9editor title=드래그_앤_드롭 example_url=./m9_data/m9editor_shortcode/insert_1_example.html]]

더블 클릭 (Double Click)

우측 샘플 블록에서 원하는 블록을 더블 클릭하면 편집 영역으로 삽입됩니다.

[[m9editor title=더블_클릭 example_url=./m9_data/m9editor_shortcode/insert_1_example.html]]

강력한 그리드 시스템

최대 6칸까지 가능한 몽9에디터만의 독창적인 그리드 설계는 어떤 해상도에서도 깔끔한 화면을 보여줍니다.
모바일 반응형 작업을 별도로 하지 않더라도 깨지지 않는 그리드 시스템을 제공합니다.

[[m9editor title=반응형_웹_에디터 url=./m9_data/m9editor_shortcode/intro_2.html]]

다중 선택 기능

Ctrl을 누른 상태로 클릭하면 다중선택이 됩니다. 다중 선택이된다면 통일성있는 디자인으로 문서를 훨씬 빨리 제작할 수 있습니다.

[[m9editor title=다중_선택_기능 url=./m9_data/m9editor_shortcode/all_click_1.html]]

다양한 설정창

테이블 설정 창, 목록 설정 창, 아이콘 설정 창, 동영상 설정 창, 지도 설정 창 등 블럭마다 존재하는 설정 창을 통해 보다 편리하게 설정이 가능합니다. 팝업 형식으로 제공되며 편집하기 편한 위치에 두고 작업할 수 있어 효율을 높일 수 있습니다.