Tiny Logo
14-day Cloud trial
Start today. For free.

One editor. 50+ features. Zero constraints. After your trial, retain the advanced features.

Try Professional Plan for FREE
PricingContact Us
Log InGet Started Free

The best LMS editor for your
learning management software

Building or extending. Delivering or learning.
No matter the project, TinyMCE works best.

Get TinyMCE FREEExplore Premium Plans
International Institute of Art
Save course
Delete course
Assignment #5: Color Theory
Tiny Logo

Transform the content on your LMS platform

Intuitive and feature-rich, the TinyMCE LMS editor increases course creators’ productivity and multiplies student engagement and collaboration. Your developers have full control of the code, UI, configuration and integrations, while your non-technical users – teachers, course designers, subject matter experts and administrators – can create, manage and modify every type of content within your LMS platform.

LMS editor starter config

Without code tipsWithout code tipsWith code tips

The basic editing experience every LMS should start with: includes all the editing controls your users expect, plus PowerPaste, Accessibility Checker, Image Editing and more.

1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>LMS use-case demo</title>
6<meta name="viewport" content="width=device-width, initial-scale=1">
7<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
8<script>
9  tinymce.init({
10    selector: "#editor",
11    plugins: "ai a11ychecker advcode autocorrect autolink autoresize autosave charmap checklist code editimage emoticons footnotes fullscreen image link linkchecker lists media mediaembed mergetags powerpaste preview table tableofcontents tinycomments tinymcespellchecker typography wordcount",
12    toolbar: "undo redo | aidialog aishortcuts | blocks | bold italic underline strikethrough forecolor backcolor | align checklist bullist numlist | link image media footnotes mergetags table | subscript superscript charmap blockquote | tokens | spellchecker typography a11ycheck wordcount | addcomment showcomments | fullscreen preview",
13    statusbar: false,
14    toolbar_sticky: true,
15    mediaembed_max_width: 800,
16    block_formats: 'Title=h1; Heading=h2; Sub heading=h3; Blockquote=blockquote; Paragraph=p',
17    font_css: ['https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,550;1,400&display=swap'], // URLs containing commas and such have to be wrapped in an array to work
18    a11y_advanced_options: true,
19    a11ychecker_html_version: 'html5',
20    a11ychecker_level: 'aa',
21    typography_default_lang: 'en-US',
22    mergetags_list: [
23      {
24        title: "Course",
25        menu: [{
26          value: 'Course.Name',
27          title: 'Course Name'
28        },
29        {
30          value: 'Course.Teacher.Name',
31          title: 'Teacher Name'
32        },
33        {
34          value: 'Course.Department.Head',
35          title: 'Department Head'
36        }
37        ]
38      },
39      {
40        title: "Assignment",
41        menu: [{
42          value: 'Assignment.Name',
43          title: 'Assignment Name'
44        },
45        {
46          value: 'Assignment.DueDate',
47          title: 'Assignment Due Date'
48        }
49        ]
50      },
51      {
52        title: "Student",
53        menu: [{
54          value: 'Student.Name',
55          title: 'Student Name'
56        },
57        {
58          value: 'Student.ID',
59          title: 'Student ID'
60        },
61        {
62          value: 'Student.Email',
63          title: 'Student Email'
64        }
65        ]
66      }
67    ],
68    ai_shortcuts: [
69      { title: 'Summarize content', prompt: 'Provide the key points and concepts in this content in a succinct summary.' },
70      { title: 'Improve writing', prompt: 'Rewrite this content with no spelling mistakes, proper grammar, and with more descriptive language, using best writing practices without losing the original meaning.' }
71    ],
72    tinycomments_mode: 'embedded',
73    tinycomments_author: 'rmartel',
74    tinycomments_author_name: 'Rosalina Martel (Instructor)',
75    tinycomments_author_avatar: 'https://www.tiny.cloud/images/avatars/avatar-RosalinaMartel.jpg',
76    sidebar_show: 'showcomments',
77    content_style: `
78      body {
79        max-width: 800px;
80        margin: auto;
81        font-family: 'Asap', serif;
82        font-size: 17px;
83        color: #222f3e;
84      }
85
86      h1, h2, h3, strong {
87        font-weight: 550;
88      }
89
90      table th,
91      table thead td {
92        background-color: #ecf0f1;
93        font-weight: 550;
94        text-align: left;
95      }
96
97      table caption {
98        display: none;
99      }
100
101      table[data-mce-selected="1"] caption {
102        display: table-caption;
103      }
104
105      .mce-footnotes {
106        font-size:12px;
107      }
108    `
109  });
110</script>
111<style>
112  body {
113    margin: 60px 16px;
114    background-color: #fafafc;
115    color: #222f3e;
116  }
117  .editor-wrap {
118    max-width: 1200px;
119    margin: auto;
120  }
121</style>
122</head>
123<body>
124<div class="editor-wrap">
125  <textarea id="editor">
126    <h1><span class="mce-annotation tox-comment" data-mce-annotation-uid="mce-conversation_39124539331662741473397" data-mce-annotation="tinycomments">Assignment</span> #3: Color Theory</h1>
127    <p>Hello&nbsp;{{Student.Name}},</p>
128    <p>For this week's assignment, you will learn the basics of color theory.</p>
129    <p>Select one of the following topics, and write a research essay. Ensure you answer the questions in full, and provide references for any primary or secondary sources<sup id="footnote_83179098411662742784603" class="mce-footnote"><a href="#footnotes_entry_83179098411662742784603">1</a></sup> consulted. Contact {{Course.Teacher.Name}} or {{Course.Department.Head}} if you have any questions about the assignment.</p>
130    <div style="left: 0px; width: 100%; height: 0px; position: relative; padding-bottom: 56.25%; max-width: 800px;" data-ephox-embed-iri="https://www.youtube.com/watch?v=Qj1FK8n7WgY"><iframe style="border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;" src="https://www.youtube.com/embed/Qj1FK8n7WgY?rel=0" scrolling="no" allowfullscreen="allowfullscreen"></iframe></div>
131    <h2>This week's tasks</h2>
132    <p>Begin by watching the video above then proceed to the assignment questionnaire by pressing continue below.</p>
133    <h3>Topic List</h3>
134    <ul>
135      <li>The origin of Color theory and its effect on emotion and mood is contentious.<sup id="footnote_98446634721662742994322" class="mce-footnote"><a href="#footnotes_entry_98446634721662742994322">2</a></sup> Identify your understanding of the originators of Color theory. Argue for the effectiveness of certain color palettes over others to create different moods.</li>
136      <li>While some experts argue there are no new color palettes, others argue innovation is a constant process. Choose one side, and build an argument: There are no new color palette innovations. New color palette innovations are happening all the time.</li>
137      <li>Select three examples of color theory in practice that are all part of one medium (e.g. film, magazine, television). Explain why these three examples are effective. Contrast and argue why one of these examples is more effective in its use of color theory concepts compared to the others.</li>
138      <li>Wassily Kandinsky states &ldquo;Color is a power which directly influences the soul.&rdquo;<sup id="footnote_34341905131662743043554" class="mce-footnote"><a href="#footnotes_entry_34341905131662743043554">3</a></sup> Explain what Kandinsky meant, and provide an argument explaining what Kandinsky means using color theory principles.</li>
139    </ul>
140    <h3>Also...</h3>
141    <ul>
142      <li>Think about the difference between mixing colors using colored lights vs using paint.</li>
143      <li>Pay extra attention to the different complementary color models.</li>
144    </ul>
145    <blockquote>
146      <p>&ldquo;Color is a power which directly influences the soul.&rdquo;<br><span style="color: #95a5a6;"><em>&ndash;&nbsp;Wassily Kandinsky&nbsp;</em></span></p>
147    </blockquote>
148    <h2>Deadlines</h2>
149    <p>Please submit your tasks before {{Assignment.DueDate}}</p>
150    <h2>Grading Criteria</h2>
151    <table style="border-collapse: collapse; width: 99.8698%; height: 157px;" border="1">
152      <thead>
153        <tr>
154          <th style="width: 18.0915%;" scope="col">&nbsp;</th>
155          <td style="width: 18.0915%;" scope="col">High Achievement</td>
156          <td style="width: 18.2224%;" scope="col">Good Achievement</td>
157          <td style="width: 18.2224%;" scope="col">Pass</td>
158          <td style="width: 18.2224%;" scope="col">Fail</td>
159        </tr>
160      </thead>
161      <tbody>
162        <tr>
163          <th style="width: 18.0915%;" scope="col">Demonstrated knowledge of color theory</th>
164          <td style="width: 18.0915%;">The student shows an outstanding knowledge and command of color theory concepts</td>
165          <td style="width: 18.2224%;">The student shows good knowledge and understanding of color theory concepts</td>
166          <td style="width: 18.2224%;">The student shows some knowledge of color theory and a basic understanding of color theory concepts</td>
167          <td style="width: 18.2224%;">The student has not demonstrated knowledge of color theory, or the concepts of color theory.</td>
168        </tr>
169        <tr>
170          <th style="width: 18.0915%;" scope="col">Argument composition skills</th>
171          <td style="width: 18.0915%;">The student shows an outstanding argument composition skills</td>
172          <td style="width: 18.2224%;">The student shows good argument composition skills</td>
173          <td style="width: 18.2224%;">The student shows some argument composition skills.</td>
174          <td style="width: 18.2224%;">The student does not show clear argument composition skills</td>
175        </tr>
176        <tr>
177          <th style="width: 18.0915%;" scope="col">Consulted resources</th>
178          <td style="width: 18.0915%;">The student shows they have consulted excellent resources</td>
179          <td style="width: 18.2224%;">The student has consulted good resources</td>
180          <td style="width: 18.2224%;">The student has consulted some resources required for the assignment</td>
181          <td style="width: 18.2224%;">The student has not consulted adequate resources</td>
182        </tr>
183        <tr>
184          <th style="width: 18.0915%;" scope="col">Writing, Grammar, and Clarity</th>
185          <td style="width: 18.0915%;">The student shows a command of the language in their work</td>
186          <td style="width: 18.2224%;">The student shows effective writing skills</td>
187          <td style="width: 18.2224%;">The student shows clear writing skills</td>
188          <td style="width: 18.2224%;">The student shows unclear writing skills</td>
189        </tr>
190      </tbody>
191    </table>
192    <p>&nbsp;</p>
193    <div class="mce-footnotes">
194      <hr>
195      <ol>
196        <li id="footnotes_entry_83179098411662742784603"><a class="mce-footnotes-backlink" href="#footnote_83179098411662742784603">^&nbsp;</a><span class="mce-footnotes-note">AMA Style Guide.&nbsp;<a href="https://owl.purdue.edu/owl/research_and_citation/ama_style/index.html">https://owl.purdue.edu/owl/research_and_citation/ama_style/index.html</a>. Accessed September 9, 2022.&nbsp;</span></li>
197        <li id="footnotes_entry_98446634721662742994322"><a class="mce-footnotes-backlink" href="#footnote_98446634721662742994322">^&nbsp;</a><span class="mce-footnotes-note">Color theory. Wikipedia. <a href="https://en.wikipedia.org/wiki/Color_theory">https://en.wikipedia.org/wiki/Color_theory</a>. Published September 3, 2022. Accessed September 24, 2022.&nbsp;</span></li>
198        <li id="footnotes_entry_34341905131662743043554"><a class="mce-footnotes-backlink" href="#footnote_34341905131662743043554">^&nbsp;</a><span class="mce-footnotes-note">Kandinsky W. A quote from concerning the spiritual in art. Goodreads. <a href="https://www.goodreads.com/quotes/90420-colour-is-a-power-which-directly-influences-the-soul">https://www.goodreads.com/quotes/90420-colour-is-a-power-which-directly-influences-the-soul</a>. Accessed September 14, 2022.&nbsp;</span></li>
199      </ol>
200    </div><!--tinycomments|2.1|data:application/json;base64,eyJtY2UtY29udmVyc2F0aW9uXzM5MTI0NTM5MzMxNjYyNzQxNDczMzk3Ijp7InVpZCI6Im1jZS1jb252ZXJzYXRpb25fMzkxMjQ1MzkzMzE2NjI3NDE0NzMzOTciLCJjb21tZW50cyI6W3sidWlkIjoibWNlLWNvbnZlcnNhdGlvbl8zOTEyNDUzOTMzMTY2Mjc0MTQ3MzM5NyIsImF1dGhvciI6ImF2aXNtYXJhIiwiYXV0aG9yTmFtZSI6IkFuZ2VsIFZpc21hcmEgKFN0dWRlbnQpIiwiYXV0aG9yQXZhdGFyIjoiaHR0cHM6Ly93d3cudGlueS5jbG91ZC9pbWFnZXMvYXZhdGFycy9hdmF0YXItQW5nZWxWaXNtYXJhLmpwZyIsImNvbnRlbnQiOiJIb3cgd291bGQgeW91IGxpa2UgdXMgdG8gY2l0ZSBvdXIgcmVmZXJlbmNlcz8iLCJjcmVhdGVkQXQiOiIyMDIyLTA5LTA5VDE2OjM3OjUzLjM5N1oiLCJtb2RpZmllZEF0IjoiMjAyMi0wOS0wOVQxNjozNzo1My4zOTdaIn0seyJ1aWQiOiJtY2UtcmVwbHlfNzYwNTE3MDY2MjE2NjI3NDE1Njg0NzEiLCJhdXRob3IiOiJybWFydGVsIiwiYXV0aG9yTmFtZSI6IlJvc2FsaW5hIE1hcnRlbCAoSW5zdHJ1Y3RvcikiLCJhdXRob3JBdmF0YXIiOiJodHRwczovL3d3dy50aW55LmNsb3VkL2ltYWdlcy9hdmF0YXJzL2F2YXRhci1Sb3NhbGluYU1hcnRlbC5qcGciLCJjb250ZW50IjoiUGxlYXNlIHVzZSB0aGUgYnVpbHQtaW4gZm9vdG5vdGVzIGZ1bmN0aW9uYWxpdHkgYW5kIGZvbGxvdyBBTUEgc3R5bGUuIiwiY3JlYXRlZEF0IjoiMjAyMi0wOS0wOVQxNjozOToyOC40NzFaIiwibW9kaWZpZWRBdCI6IjIwMjItMDktMDlUMTY6Mzk6MjguNDcxWiJ9XX19-->
201  </textarea>
202</div>
203</body>
204</html>

"We are saving at least 1 hour every day in support time. What used to take our users 10+ hours fighting the system now gets done in minutes. Our users are creating more content than ever thanks to TinyMCE."

Thomas Wong|Product Manager, 360Factor Consulting/Oasis

"I've worked with lots of different editors, but TinyMCE was the simplest to implement. The amount of functionality you get right out of the box would be foolhardy to try and recreate. TinyMCE solves lots of problems, and it's been trusted by the industry for longer than anything else that I know of."

Tim Craver|Development Manager, Allied Solutions

"One of my favorite things about Tiny is that they respond wicked fast. And I promise you, we're not spending a million dollars a year to get that level of attention. It's a thrill to feel like we're a number one client."

Justin Witz|CTO & Co-Founder, Catapult

"Because we serve the not-for-profit space, we are always very budget-conscious with everything that we do as a company. So, trying to develop a rich text editing tool in-house and maintain it was just not feasible at all."

Dan Plaskon|VP Technology, Better Impact

When you need an LMS editor that’s state-of-the-art

Our editor delivers the best

Faster speed-to-market

Save years of developer time and hundreds of thousands of dollars in engineering costs by leveraging our out-of-the-box editor and 24/7 support team. The best LMS editor gets you to market faster.

Focuses on streamlining content production workflows while protecting academic integrity, with our WYSIWYG LMS editor reducing content creation time by 90% for teachers and creators

Explore features:

Footnotes icon
Footnotes
Faster Speed to Market

Delight your users

Our WYSIWYG LMS editor is built to mimic the tools your users know and love. There’s no ramp-up or steep learning curves – it’s an editing experience your users already know and enjoy.

Spotlight on creating a deeper level of engagement and collaboration, with many users reporting 85% increases in engagement, interaction and involvement

Explore features:

Delight Your Users

HTML you can trust

Take the guesswork out of document creation and publish clean and compliant output from the LMS WYSIWYG editor that’s trusted by 1.5M developers, and over 40% of the world’s websites.

Fit within an enterprise-grade tech stack via 400+ customizable APIs and 12+ framework integrations to create the experience users need

Explore features:

HTML You Can Trust

All-in-one LMS editing tool

Every LMS platform needs an intuitive WYSIWYG editor that’s feature-rich and easy to use for teachers, course creators, subject matter experts and administrators who don’t have the time or skill to code from scratch. Equally, the LMS editor must be totally customizable so your developers can control the back-end, integrate with existing tech stacks and be confident the HTML output is clean, quality and compliant.

The TinyMCE LMS editor turns the creation and updating of content, lesson plans, and assignments into a simple task, and its advanced features lift your students' learning experience to enhance (and encourage) learning. TinyMCE is downloaded 350M+ times every year and available through either a free, open source license or a paid commercial license.

TinyMCE toolbar menu

All the familiar WYSIWYG
features developers (and users) expect

Content Creation

Content Creation

Enable teachers, course designers and students to create content using features they know and love:

  • Error-free clean copy-paste from Word, Excel and Google Docs with PowerPaste
  • Help users write better and faster with AI Assistant
  • Word Count and Search and replace functionality that enhances a wide range of document creation projects
  • Range of content formatting tools like Checklists, Enhanced Tables and Page Break
  • Image Editing lets users apply 10 powerful transformations to their images – crop, rotate, resize and other filters
  • Insert pre-defined or user-defined content easily with Templates
  • Merge Tags allows for dynamic content insertion into the editor
  • Autosave avoids the risk of losing content
  • Autoresize allows the editor to resize to fit its contents as it expands
  • Inline editing to Preview how content looks before publishing

Academic Integrity

Academic Integrity

Ensure integrity throughout the learning process via numerous safeguards and capabilities:

  • Use Multi-Root Editing to protect students’ work during the review and evaluation process, or on group projects
  • Empower users to easily create authoritative and credible content with Footnotes
  • Programmatically retrieve editor content in plain text so it can be automatically sent to third party plagiarism detection services
  • When a document is final, export it to a non-editable PDF document for safe keeping using PDF Export
  • Enable students to showcase reference materials within their content using Enhanced Media Embed and Page Embed
  • Automatically ensure links are active and clickable with Autolink

Accessibility & Compliance

Accessibility & Compliance

Ensure content is aligned with academic and regulatory standards:

  • Maintain regulatory standards and avoid potential fines and lawsuits with Accessibility Checker (WCAG)
  • Build custom dictionaries to ensure consistent scientific or subject-matter vocabulary with Spell Checker
  • Globally consistent spelling with simultaneous checking of up to 13 languages (plus medical terminology)
  • Fix obvious (and not-so-obvious) mistakes before they see the light of day with Spelling Autocorrect
  • Improve content readability and consistency with Advanced Typography
  • Eliminate embarrassing broken links with Link Checker

Collaboration

Collaboration

Produce better academic outcomes with collaborative editing tools:

  • Let students and content creators collaboratively work on content with secure end-to-end encrypted Real-time Collaboration
  • Enhance peer-to-peer collaboration with Comments and threaded conversations
  • Kickstart conversations with @mentions

Media Management

Media Management

Manage student or course files and images in the cloud with Tiny Drive:

  • Upload and browse files, and insert images inside TinyMCE
  • Import existing assets from any connected Google Drive or Dropbox account
  • Minimal configuration, integrates seamlessly
  • Secure – uses utilizes JSON Web Tokens (JWT)
  • Scalable – uses Amazon S3 cloud storage
  • Note: Tiny Drive is an add-on to TinyMCE

Internationalization

Internationalization

Support distance learning from Bogotá to Istanbul:

  • 38 fully-vetted, professional UI translations
  • 37 community-contributed UI translations
  • 13 languages supported with Spell Checker

See full demo | Discover integrations | Explore 60+ features

Ready to use TinyMCE for
your project?

Get a quote

How TinyMCE is different from
the alternatives

Unmatched domain experience

TinyMCE toolbar menu

Every day, the world’s biggest enterprise brands and growing startups rely on TinyMCE for their mission-critical editing needs. For the last two decades, we’ve consistently innovated to create the acknowledged best-in-class rich text editor, that lets developers and creators do more with less by providing:

  • Smooth, lightweight code that achieves both speed and flexibility across every major browser
  • A consistent and reliable release process, providing headache-free upgrades
  • A reliable enterprise-grade editor that's easily customized and also available through an open-source license
  • Reusable, modular components, 400+ APIs and 14+ framework integrations

Frameworks

12+ integrations and 400+ flexible APIs

Easily integrates into your tech stack. Enhances your editing experience. 7 first-party and 5 third-party endorsed integrations that make development easier.

Explore integrations →

Hosting

Get TinyMCE two ways Cloud-based or Self-hosted

Get a Free API key to use TinyMCE from the Cloud or Download the SDK for use in your Self-Hosted application.

See how →

Reliable, responsive and future-facing

TinyMCE toolbar menu

Every day, our Engineering team solves issues the right way, our Product team encourages perfect results (even if launch dates occasionally slip) and the Customer Success team delivers support that’s reliable, fast and friendly. We’re proud of:

  • Maintaining industry-leading response rates across dedicated SLAs
  • 96% support ticket customer satisfaction* (Based on Zendesk ratings)
  • 2.84 hr average response time* (August 2021 data)

Help when and where you need it

Enterprise-Grade Support

Responsive, in-house support to help you implement, customize and troubleshoot.

Learn more →

Community

Thousands of questions and answers updated daily on StackOverflow and Github.

Browse questions →

Documentation

Tutorials, quickstarts, code samples and videos to help you deploy faster.

Explore docs →

Collaborative team that grows with you

TinyMCE toolbar menu

We let companies focus on their core business, so they don’t have to worry about rich text editing. Product teams can delight their users and creators can work smarter, faster and more productively. Our modus operandi is to be:

  • Helpful
  • WYSIWYG and easy to work with
  • Consultative, partnering with you throughout your stages of growth
  • Champions of open source and the dev community who make it all possible

Modify TinyMCE to suit custom use cases

Modify TinyMCE to suit custom use cases

Developers have full source code control for endless customizations

  • Out-of-the-box
  • UI customization
  • API customization
Explore Customization →

Looking for projects that
TinyMCE can be used for?

Access use-case specific starter configs
to kickstart your rich text editing project
Content Management Systems (CMS) ->Email & Messaging Platforms ->Document Management Systems (DMS) ->Customer Relationship Management (CRM) ->Workflow & Collaboration Platforms ->Learning Management Systems (LMS) ->Internal & SaaS Applications ->

Related content

The Great Debate Buy vs Build Rich Text Editors

WHITEPAPER

The Great Debate Buy vs Build Rich Text Editors

How Oasis LMS saves 260+ hours a year in customer support

CASE STUDY

How Oasis LMS saves 260+ hours a year in customer support

Setting up the TinyMCE LMS Starter config

HOW-TO USE TINYMCE

Setting up the TinyMCE LMS Starter config

TinyMCE LMS Starter Config Tour

HOW-TO USE TINYMCE

TinyMCE LMS Starter Config Tour

Establishing your LMS business case: Online learning benefits & more

PRODUCT-LED GROWTH

Establishing your LMS business case: Online learning benefits & more

How to take your LMS to the next level

PRODUCT-LED GROWTH

How to take your LMS to the next level

LMS best practices: accessibility in learning management systems

PRODUCT-LED GROWTH

LMS best practices: accessibility in learning management systems

How to create a Learning Management System for educators

HOW-TO USE TINYMCE

How to create a Learning Management System for educators

Get TinyMCE FREELet’s chat
Tiny logo

Stay Connected

SOC2 compliance badge

Products

TinyMCEDriveMoxieManager
© Copyright 2024 Tiny Technologies Inc.

TinyMCE® and Tiny® are registered trademarks of Tiny Technologies, Inc.