Checklist plugin

A checklist is a proven method to improve productivity and quality of a business and are generally a great way of getting things done. The Checklist plugin helps the user keep track of all required actions by creating a simple, clean, and easy to use TODO list.

Common use cases for using a checklist:

  • Private & Work - Checklist can help in keeping work and private tasks separate for more efficiency.

  • Tracking Bills - Checklists can be created to avoid forgetting payment cycles to pay a bill on time.

  • Shopping list - Checklist can help create a grocery list in the browser that can be shared with the other family members to collaborate or act as a reminder while shopping.

  • Entertainment tracker - Checklist can help create a list of movies & TV series to keep a tab on the movies to watch or set weekly reminders at the right time to avoid missing a show.

  • Industry applications - There are a lot of professional applications of using a Checklist, such as:

    • Used in quality assurance of software engineering to check process compliance, code standardization, and error prevention.

    • Pre-flight checklists to aid in aviation safety to ensure that critical items are not overlooked.

    • Used by some investors as a critical part of their investment process.

    • Checklists are useful for school camps to create emergency survival kits.

    • In professional diving checklists can be used for preparation of equipment for a diving session.

Try our Checklist plugin demo

  • TinyMCE

  • HTML

  • CSS

  • JS

  • Edit on CodePen

<textarea id="checklist">
  <ul class="tox-checklist">
    <li class="tox-checklist--checked">Try TinyMCE</li>
    <li class="tox-checklist--checked">Deploy TinyMCE</li>
    <li>Add the TinyMCE Checklist plugin</li>
    <li>Make more checklists!</li>
.tox-checklist > li:not(.tox-checklist--hidden) {
  list-style: none;
  margin: 0.25em 0;
  position: relative;
.tox-checklist > li:not(.tox-checklist--hidden)::before {
  content: url("data:image/svg+xml;charset=UTF-8,");
  cursor: pointer;
  height: 1em;
  margin-left: -1.5em;
  margin-top: 0.125em;
  position: absolute;
  width: 1em;
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  content: url("data:image/svg+xml;charset=UTF-8,");
  selector: 'textarea#checklist',
  plugins: 'lists checklist',
  toolbar: 'checklist',
  height: 250,
  menu: {
    format: {
      title: 'Format',
      items: 'checklist | bold italic underline strikethrough superscript subscript codeformat | formats blockformats fontformats fontsizes align | forecolor backcolor | removeformat'
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'

Getting started with Checklist

Creating an account

Try the Checklist plugin and the Tiny Cloud with a free Tiny Account. New accounts receive a 30-day trial of the Tiny premium plugins, skins, and icon packs; with no credit card information or commitment required.

Get Checklist

The Checklist plugin is included in the following Tiny Cloud plans:

A 14-day free trial is also available for the Tiny Cloud Essential Plan and the Tiny Cloud Professional Plan.

Further information

For information on: