# 저작도구 > 코드 없이 드래그앤드롭으로 텍스트·이미지·동영상·퀴즈 결합, AI 레이아웃 자동 완성. - 마지막 업데이트: 2026-08-21 - 원문 URL: https://www.touchclass.com/ko/content-editor - Markdown 미러 URL: https://www.touchclass.com/markdown.php/ko/content-editor.md - 언어: 한국어 - 분류: 핵심 기능 ## 핵심 요약 - 코드 없이 드래그앤드롭으로 텍스트·이미지·동영상·퀴즈 결합, AI 레이아웃 자동 완성. ## 기능 상세 (구조화 데이터) ### 기능 개요 - No-code WYSIWYG authoring tool for combining text, images, video, audio, HTML, quizzes, tests, and surveys into training content. ### 세부 기능 - three-column editor structure - desktop, tablet, and mobile preview widths - reusable paragraph and element library - AI text upgrade, summary, translation, spell check, and tone change - 10 AI image styles - curriculum-level content copying ### 효과 - lets HRD, field, and business teams create training without development resources - supports same-day updates for urgent operational changes - reduces dependence on external content vendors ### 근거 URL - https://www.touchclass.com/ko/content-editor - https://www.touchclass.com/ko/content-efficiency ## 본문 *아래 본문은 원문 페이지를 렌더링해 추출한 것입니다.* 저작도구 ## 전문 교육 콘텐츠를 누구나 쉽게 만듭니다 코드 없이 드래그 앤 드롭으로 텍스트, 이미지, 영상, 퀴즈까지. AI 저작도구로 교육 담당자 누구나 전문 콘텐츠를 제작합니다. 10가지 콘텐츠 요소 드래그 앤 드롭 AI 내장 텍스트 · 이미지 자동 생성 3기기 데스크톱 · 태블릿 · 모바일 실시간 미리보기 [저작도구 데모](https://www.touchclass.com/form/contact) 제안서 다운로드 ## 직관적인 에디터 인터페이스 - 3영역 화면 구성 좌측 커리큘럼 관리, 중앙 WYSIWYG 편집, 우측 파일 관리로 구성됩니다. 한 화면에서 콘텐츠 구조와 내용을 동시에 편집합니다. 커리큘럼 · 편집 · 파일 3분할 - 커리큘럼 & 페이지 관리 드래그 앤 드롭으로 커리큘럼과 페이지 순서를 변경합니다. 기존 콘텐츠를 가져와 재활용하고, 커리큘럼 단위로 일괄 복사가 가능합니다. - 실시간 반응형 미리보기 데스크톱(800px), 태블릿(650px), 모바일(425px) 화면으로 즉시 전환하여 저작합니다. 미리보기로 PC와 모바일 학습 화면을 실시간 확인합니다. - 통합 파일 라이브러리 이미지(jpg/png/gif), 동영상(mp4), 오디오(mp3/wav) 파일을 업로드하고 폴더로 관리합니다. 보관함에서 문단·요소를 복사하여 재사용합니다. 터치클래스 에디터 — 3영역 화면 1 나의 강점 찾기 1 커리큘럼 1 페이지 저장 미리보기 ↶ 30↷ 0 콘텐츠 내용 가져오기 전체 페이지 접기 ▾ 1 나의 강점 찾기 1 나의 강점 알아보기 2 나의 강점 찾는 방법 3 마무리 + 페이지 추가 + 새 커리큘럼 만들기 새 문단 만들기 ▶ 오늘의 주제 이미지 설명글을 작성하세요. 나의 강점 찾기 내 강점이 뭔 줄 알아~? 심리나 정서 검사는 부정적인 것을 분류하는 검사가 많은데요, 긍정적인 면을 찾아주는 심리검사를 발견했어요! 문단 나누기 컬럼 나누기 저장로그 파일 목록 보관함 파일 업로드 하기 24 file · 전체 이미지 동영상 오디오 work_life.png foot_title_201.png page_back.png foot_title_200.png 2025-09-08 (52) ① 좌측: 커리큘럼 관리 ② 중앙: WYSIWYG 편집 ③ 우측: 파일 라이브러리 커리큘럼 & 페이지 관리 ↶ 30 ↷ 0 콘텐츠 내용 가져오기 전체 페이지 접기 1 나의 강점 찾기 ⋮⋮ 1 나의 강점 알아보기 ⋮⋮ 2 나의 강점 찾는 방법 ⋮⋮ 3 마무리 + 페이지 추가 + 새 커리큘럼 만들기 제목 수정 · 서식 적용 나의 강점 찾기 B I U ● 반응형 미리보기 — 3기기 실시간 전환 🖥 데스크톱 📱 태블릿 📱 모바일 ▶ 오늘의 주제 나의 강점 찾기 내 강점이 뭔 줄 알아~? 심리나 정서 검사는 부정적인 것을 분류하는 검사가 많은데요... 800px 데스크톱 ▶ 오늘의 주제 나의 강점 찾기 내 강점이 뭔 줄 알아~? 650px 태블릿 나의 강점 찾기 내 강점이 뭔 줄 알아~? 425px 모바일 ✅ 저작 중 바로 기기별 전환 미리보기로 PC와 모바일 학습 화면을 실시간 확인합니다 파일 라이브러리 파일 목록 보관함 📤 파일 업로드 하기 새폴더 ✏ 이름변경 삭제 ☰ ▦ 24 file 전체 이미지 동영상 오디오 이름순 ▾ Home / work_life.png foot_title_201.png page_back.png 🎬 제주도 바다.mp4 2025-09-08 (52) 지원 형식 jpg png gif mp4 mp3 wav ## 10가지 콘텐츠 요소 - 텍스트 & AI 저작도구 다국어 폰트(한/영/일/중)와 서식 도구를 제공합니다. AI 저작도구로 글 업그레이드, 요약, 번역, 철자 교정, 어조 변경까지 한 번에 처리합니다. AI 텍스트 자동 생성 - 이미지 & AI 이미지 생성 업로드 또는 파일 라이브러리에서 드래그하여 삽입합니다. AI로 10가지 스타일(수채화, 유화, 픽셀아트, 사실적, 애니메이션 등)의 이미지를 생성합니다. AI 이미지 10가지 스타일 - 비디오 · 오디오 · HTML 동영상(mp4)과 오디오(mp3/wav)를 삽입하고 반복 재생, 다운로드를 설정합니다. HTML 요소로 유튜브 영상도 iframe으로 삽입합니다. - 퀴즈 · 시험 · 설문 문제 은행에서 문제를 선택하고 드래그로 순서를 변경합니다. 시험은 배점 설정이 가능하며, 퀴즈에는 정답확인 버튼이 포함됩니다. 텍스트 & AI 저작도구 본고딕 본문 크기(기본) B I U T↑ T↓ T̲ ≡ ≡ ≡ ↔ ✎ 제주특별자치도는 대한민국 남해상의 섬을 관할하는 특별자치도이다. 대한민국에서 가장 큰 섬인 제주도 본섬을 비롯하여 마라도, 우도, 추자군도 등을 포함한 유인도 8개, 무인도 55개로 구성되어 있다. ✦ AI 저작도구 글 업그레이드 요약하기 번역 철자와 문법 수정 줄여쓰기 늘려쓰기 어조변경 심플한 말로 바꾸기 ✦ AI에게 작성 및 편집 요청 유튜브를 처음 시작하시는 분들, 콘텐츠 아이디어는 넘쳐나는데 어떻게 제작하는지 막막하시나요? 생성 결과 유튜브를 처음 시작하시는 분들, 아이디어는 넘쳐나는데 막상 제작하려고 하면 어디서부터 시작해야 할지 막막하시나요? PPT 자료를 배경으로 하기도 하고... ✓ 에디터에 적용 ↻ 다시 요청하기 본고딕 나눔고딕 나눔바른고딕 한나체 Noto Sans JP SC 간체 TC 번체 이미지 & AI 이미지 생성 버튼을 눌러 이미지파일을 업로드하거나 파일라이브러리에서 이미지를 드래그하여 넣어주세요. (파일 형식: png, jpg, jpeg, gif) 📎 다중 선택 후 드래그 → '이미지 슬라이드'로 자동 변환 ① 갤러리 전체화면 출력 ② 링크 URL 이동 ③ SSO LMS 연동 ✦ AI 이미지 생성 이미지 설명 입력 교실에서 노트북으로 학습하는 직원들, 밝은 조명, 현대적인 사무실 이미지 스타일 선택 수채화 유화 픽셀아트 사실적인 일본 애니 종이콜라주 클레이 플랫 연필스케치 드로잉 ⚠ AI 이미지 생성 시 토큰이 사용됩니다. (과금 대상은 아닙니다.) 이미지 뷰어: ON 다운로드: OFF 비디오 · 오디오 · HTML 🎬 비디오 ▶ 0:00 3:24 🔊 ▶ ← 동영상 + 이미지 1개씩 (썸네일) 반복: OFF 다운로드: ON 썸네일: 설정됨 🔊 오디오 ▶ 파도소리.mp3 1:42 / 2:50 🔊 반복: OFF mp3 · wav 지원 HTML — 유튜브 영상 삽입 html태그를 입력해주세요. 유튜브 '공유 > 퍼가기' 버튼 → 소스 복사 → 붙여넣기 퀴즈 · 시험 · 설문 문제를 선택하세요 법정의무교육 × 총 7개 문제 검색 1 다음 중 개인정보의 정의에 해당되지 않는 것은? 객관식 2 발달장애인을 만났을 때 관계맺기의 방법으로... 객관식 3 다음 중 시각장애인에 대한 설명으로... 선택됨 ✓ 4 다음 중 장애인 차별에 해당하지 않는 것은? 객관식 퀴즈 정답확인 버튼 ✓ Sequence 표시 시험 배점 설정 가능 점수/정답 공개 설문 정답확인 없음 수동/자동 제출 시험 총점 현재 페이지 4 점 / 전체 4 점 ● 작업 중인 문단에 넣기 ○ 새 문단으로 넣기 ## 저작도구 핵심 기능 교육 담당자가 전문 콘텐츠를 직접 만드는 데 필요한 모든 것 ### AI 텍스트 저작도구 글 업그레이드, 요약, 번역, 철자 교정, 어조 변경까지. AI가 텍스트 작성과 편집을 돕습니다. ✦ AI 텍스트 생성 업그레이드 요약 번역 어조변경 ### AI 이미지 자동 생성 수채화, 유화, 픽셀아트 등 10가지 스타일. 설명만 입력하면 교육에 적합한 이미지를 AI가 생성합니다. 10가지 스타일 · 설명 입력 → 자동 생성 ### 문단 & 컬럼 레이아웃 시스템 문단의 너비, 높이, 배경, 테두리를 자유롭게 설정합니다. 컬럼 나누기로 다단 레이아웃을 구성합니다. 문단 나누기 · 컬럼 나누기 · 배경 설정 ### 콘텐츠 가져오기 기존에 개발된 콘텐츠를 커리큘럼 단위로 복사합니다. 콘텐츠 재활용으로 제작 시간을 대폭 줄입니다. 콘텐츠 목록 ☑ 법정의무교육 직장 내 장애인 인식 개선 ← 복사 ### 콘텐츠 설정 & 문제 정책 콘텐츠 분류, 제목, 표지를 설정합니다. 퀴즈/시험/설문의 번호 매기기 방식과 일괄 서식을 관리합니다. 분류 제목 표지 ### 보관함으로 요소 재사용 자주 쓰는 문단과 요소를 보관함에 저장합니다. 다른 콘텐츠에서 불러와 즉시 적용합니다. 전체 (3) 문단 (1) 요소 (2) ## 관련 자료 - [소셜러닝](https://www.touchclass.com/markdown.php/ko/social-learning.md): SNS형 게시판 터치투게더로 팀별 커뮤니티·실시간 소통·지식 공유. - [라이브 강의](https://www.touchclass.com/markdown.php/ko/live.md): 대규모 실시간 라이브, 채팅·퀴즈·자동 출석·VOD 자동 변환. 검증된 동시접속 수치는 대형 시중은행 18,000명 테스트입니다. - [게이미피케이션](https://www.touchclass.com/markdown.php/ko/gamification.md): 포인트·랭킹·뱃지·리워드로 자발적 학습 참여를 높이고 공개 사례의 수료·참여 성과를 함께 확인합니다. - [CBT 시험/평가](https://www.touchclass.com/markdown.php/ko/cbt.md): 자동 채점·문제 은행·오답 해설·실시간 응시 모니터링·결과 리포트. - [관리자 대시보드](https://www.touchclass.com/markdown.php/ko/dashboard.md): 실시간 학습 현황·부서/직급별 성과 비교·AI 자동 인사이트 리포트. - [수료 관리](https://www.touchclass.com/markdown.php/ko/completion.md): 진도율·학습시간·시험·설문·동영상 5개 조건 조합 자동 수료 판정, 수료증 즉시 발급. > 출처·표현 원칙: https://www.touchclass.com/data/source-governance.json · 전체 LLM 컨텍스트: https://www.touchclass.com/ko/llms-full.txt · 구조화 데이터: https://www.touchclass.com/data/capability-effects.json, https://www.touchclass.com/data/solution-use-cases.json