# Content Editor > Drag-and-drop editor with templates and multimedia — no design skills needed. - Last updated: 2026-08-21 - Canonical URL: https://www.touchclass.com/en/content-editor - Markdown mirror URL: https://www.touchclass.com/markdown.php/en/content-editor.md - Language: English - Category: Core features ## Key points - Drag-and-drop editor with templates and multimedia — no design skills needed. ## Feature details (structured data) ### What it does - No-code WYSIWYG authoring tool for combining text, images, video, audio, HTML, quizzes, tests, and surveys into training content. ### Detailed functions - 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 ### Effects - 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 ### Source URLs - https://www.touchclass.com/en/content-editor - https://www.touchclass.com/en/content-efficiency ## Page content *The content below is extracted from the rendered source page.* Content Editor ## Create professional training content with zero coding required Build training materials by dragging Text, Image, Video, and Quiz elements into place with the AI-powered Content Editor. 10 Content Elements Drag & Drop AI Built-in Text · Image Auto-generation 3 Devices Desktop · Tablet · Mobile Real-time Preview [Content Editor Demo](https://www.touchclass.com/form/contact) Download Proposal ## Intuitive Editor Interface - 3-Panel Layout Left panel for curriculum management, center for WYSIWYG editing, right panel for file management. Edit content structure and details simultaneously on a single screen. Curriculum · Editor · File 3-panel - Curriculum & Page Management Reorder curricula and pages via drag and drop. Import and reuse existing content, and bulk-copy entire curricula. - Real-time Responsive Preview Switch instantly between Desktop (800px), Tablet (650px), and Mobile (425px) views while authoring. Preview learner screens in real time across all devices. - Unified File Library Upload Image (jpg/png/gif), Video (mp4), and Audio (mp3/wav) files and organize them in folders. Copy and reuse paragraphs and elements from the archive. TouchClass Editor — 3-Panel Layout 1 Find Your Strengths 1 Curriculum 1 Page Save Preview ↶ 30↷ 0 Import Content Collapse All Pages ▾ 1 Find Your Strengths 1 Discover Your Strengths 2 How to Find Your Strengths 3 Summary + Add Page + Create New Curriculum Create New Paragraph ▶ Today's Topic Write image description here. Find Your Strengths Do you know your strengths? Most personality tests focus on negatives, but we found a test that helps discover your positive strengths! Split Paragraph Split Column Save Log File List Archive Upload File 24 files · All Image Video Audio work_life.png foot_title_201.png page_back.png foot_title_200.png 2025-09-08 (52) ① Left: Curriculum Management ② Center: WYSIWYG Editing ③ Right: File Library Curriculum & Page Management ↶ 30 ↷ 0 Import Content Collapse All Pages 1 Find Your Strengths ⋮⋮ 1 Discover Your Strengths ⋮⋮ 2 How to Find Your Strengths ⋮⋮ 3 Summary + Add Page + Create New Curriculum Edit Title · Apply Formatting Find Your Strengths B I U ● Responsive Preview — 3-Device Real-time Switch 🖥 Desktop 📱 Tablet 📱 Mobile ▶ Today's Topic Find Your Strengths Do you know your strengths? Most personality tests focus on classifying negatives... 800px Desktop ▶ Today's Topic Find Your Strengths Do you know your strengths? 650px Tablet Find Your Strengths Do you know your strengths? 425px Mobile ✅ Switch devices instantly while editing Preview learner screens on PC and mobile in real time File Library File List Archive 📤 Upload File New Folder ✏ Rename Delete ☰ ▦ 24 files All Image Video Audio Name ▾ Home / work_life.png foot_title_201.png page_back.png 🎬 beach_video.mp4 2025-09-08 Portfolio (52) Supported Formats jpg png gif mp4 mp3 wav ## 10 Content Elements - Text & AI Authoring Multilingual fonts (KO/EN/JP/CN) and formatting tools included. AI authoring tools handle text enhancement, summary, translation, spelling correction, and tone adjustment in one click. AI Text Auto-generation - Image & AI Generation Insert by upload or drag from File Library. Generate images in 10 styles (watercolor, oil, pixel art, photorealistic, animation, etc.) with AI. AI Image 10 Styles - Video · Audio · HTML Insert Video (mp4) and Audio (mp3/wav) with loop playback and download options. Embed YouTube videos via iframe using the HTML element. - Quiz · Exam · Survey Select questions from the question bank and reorder by drag. Exams support point allocation, and quizzes include an answer-check button. Text & AI Authoring Noto Sans Body Size (Default) B I U T↑ T↓ T̲ ≡ ≡ ≡ ↔ ✎ Jeju Special Self-Governing Province is a special autonomous province governing islands in the South Sea of Korea. It comprises 8 inhabited islands including Jeju Island, the largest island in Korea, along with Marado, Udo, and Chuja Archipelago, plus 55 uninhabited islands. ✦ AI Authoring Tool Enhance Text Summarize Translate Fix Spelling & Grammar Shorten Expand Change Tone Simplify ✦ Ask AI to write & edit Are you just starting YouTube? Overflowing with content ideas but unsure how to produce them? Generated Result Just starting YouTube? Overflowing with ideas but unsure where to begin production? You can use PPT slides as backgrounds... ✓ Apply to Editor ↻ Regenerate Noto Sans Nanum Gothic Nanum Barun Hanna Noto Sans JP SC Simplified TC Traditional Image & AI Generation Click to upload an image file, or drag an image from the File Library. (Formats: png, jpg, jpeg, gif) 📎 Multi-select & drag → auto-converts to Image Slideshow ① Gallery Full-screen display ② Link URL redirect ③ SSO LMS Integration ✦ AI Image Generation Enter image description Employees learning on laptops in a classroom, bright lighting, modern office Select Image Style Watercolor Oil Paint Pixel Art Realistic Anime Collage Clay Flat Pencil Drawing ⚠ AI Image generation uses tokens (no additional charge). Image Viewer: ON Download: OFF Video · Audio · HTML 🎬 Video ▶ 0:00 3:24 🔊 ▶ ← One video thumbnail and one image thumbnail Loop: OFF Download: ON Thumbnail: Set 🔊 Audio ▶ waves.mp3 1:42 / 2:50 🔊 Loop: OFF mp3 · wav supported HTML — Embed YouTube Video Enter HTML tags here. YouTube "Share > Embed" → Copy code → Paste Quiz · Exam · Survey Select questions Compliance Training × 7 questions total Search 1 Which of the following does not match the definition of personal data? MCQ 2 Ways to build relationships when meeting persons with developmental disabilities... MCQ 3 Which of the following describes persons with visual disabilities... Selected ✓ 4 Which of the following is NOT discrimination against persons with disabilities? MCQ Quiz Check Answer button ✓ Show Sequence Exam Point allocation supported Score/Answer reveal Survey No answer check Manual/Auto submit Exam Total Score Current Page 4 pts / Total 4 pts ● Insert into current paragraph ○ Insert as new paragraph ## Content Editor Core Features Everything training managers need to create professional content ### AI Text Authoring Tool Enhance text, summarize, translate, fix spelling, and change tone. AI assists with writing and editing. ✦ AI Generate Text Upgrade Summary Translate Change Tone ### AI Image Auto-generation Watercolor, oil paint, pixel art and 7 more styles. Simply enter a description, and AI generates training-ready images. 10 Styles · Enter description → Auto-generate ### Paragraph & Column Layout System Freely configure paragraph width, height, background, and borders. Create multi-column layouts with Split Column. Split Paragraph · Split Column · Background Settings ### Import Content Copy existing content at the curriculum level. Reusing instead of rebuilding cuts production time. Content List ☑ Compliance: Disability Awareness in the Workplace ← Copy ### Content Settings & Question Policy Configure content category, title, and cover. Manage numbering and batch formatting for Quiz/Exam/Survey. Category Title Cover ### Reuse Elements from Archive Save frequently used paragraphs and elements to the archive. Load and apply them instantly in other content. All (3) Paragraph (1) Element (2) ## Related resources - [Social Learning](https://www.touchclass.com/markdown.php/en/social-learning.md): TouchTogether SNS-style team communities, discussions, and peer learning. - [Live Streaming](https://www.touchclass.com/markdown.php/en/live.md): Interactive live training with real-time chat, polls, QR attendance, and channel-level access control. The one verified scale figure is an 18,000-user concurrency load test at a major commercial bank; it is a published test result, and guaranteed standing capacity is sized separately by contract. - [Gamification](https://www.touchclass.com/markdown.php/en/gamification.md): Points, badges, leaderboards, and team competitions to boost engagement. - [CBT Assessment](https://www.touchclass.com/markdown.php/en/cbt.md): Computer-based testing with auto-grading, question banks, randomization, and analytics. - [Admin Dashboard](https://www.touchclass.com/markdown.php/en/dashboard.md): Real-time dashboards for completion rates, engagement metrics, and ROI. - [Completion Management](https://www.touchclass.com/markdown.php/en/completion.md): Automate completion tracking, certificate generation, and compliance reporting. > Source governance: https://www.touchclass.com/data/source-governance.json · Full LLM context: https://www.touchclass.com/en/llms-full.txt · Structured data: https://www.touchclass.com/data/capability-effects.json, https://www.touchclass.com/data/solution-use-cases.json