• Jodit
  • PRO
  • Builder
  • Getting Started
  • Playground
  • Examples
  • Documentation
  • Download
  • Overview
  • Issue tracker
  • Docs
  • Plugins
  • Demo
  • Pricing
  • File Browser Pro
  • Sign in
Get connected wth us on social networks!

Footer

Jodit Core

  • Jodit Home page
  • Documentation
  • Playground
  • Examples
  • Github
  • Issues

Integration

  • Jodit React
  • Jodit Angular
  • Jodit Vue
  • Jodit Yii2
  • Jodit Joomla

PRO/OEM plugins

  • AutoComplete
  • Backup Plugin
  • Button Generator
  • Change case
  • Custom Color Picker
  • Emoji
  • Finder
  • Google Search
  • Paste code
  • Show Blocks
  • Virtual Keyboard
  • Tune block
  • Highlight signature
  • Google Maps Editor
  • Export in PDF
  • Page Break
  • Iframe Editor
  • Paste from Word PRO
  • Mobile View
  • ToDo List
  • Translate

Links

  • Demo PRO/OEM
  • Demo FileBrowser PRO
  • Price
  • License
  • Support
  • For resellers

Versions

  • site v.0.1.810
  • Jodit PRO v.4.6.4
  • Jodit v.4.6.2
  • All versions
2025 © Copyright: XDSoft.net <support@xdsoft.net>
  • Getting started

    • Installation
    • Usage
    • Support
    • FAQs
    • Cloud
    • Examples
  • How to

    • Create plugin
    • Add custom button
    • Add custom font in the font list
    • How to create module
    • How to generate license key
    • How to make a backend finder
    • How to set up document view
  • Modes

    • Source mode
  • Customisation

    • Theme
    • Keyboard
  • API

    • License Rest API
    • JS API
  • Changelog

  • Plugins

    • AutoComplete
    • Backup Plugin
    • Button Generator
    • Change case
    • Custom Color Picker
    • Emoji
    • Finder
    • Google Search
    • Paste code
    • Show Blocks
    • Virtual Keyboard
    • Tune block
    • Highlight signature
    • Google Maps Editor
    • Export in PDF
    • Page Break
    • Iframe Editor
    • Paste from Word PRO
    • Mobile View
    • ToDo List
    • Translate

Todo list plugin for Jodit

This plugin adds a button to the toolbar that allows you to insert a list of tasks.

By default, the plugin generates the following structure

<ul class="todo-list"> <li> <label class="todo-list__label" contenteditable="false"> <input tabindex="-1" type="checkbox" /> </label >point </li> </ul>
Copy

But this can be customized with options:

Options

interface Config { todoList: { className: string; labelClassName: string; inputFactory: (jodit: IJodit) => HTMLElement; }; }
Copy
const editor = Jodit.make({ todoList: { className: 'list1', labelClassName: 'list1_label1', inputFactory: (j) => { return j.createInside.element('span', { class: 'checkbox' }); } } });
Copy

Styles

You can also use css properties for customization:

<style> :root { --jd-todo-color-checkbox-border: #333; --jd-todo-color-checkbox-border-checked: #25ab33; --jd-todo-color-checkbox-bg-checked: #25ab33; --jd-todo-color-checkbox-mark-checked: #fff; --jd-todo-size-checkbox: 18px; } </style>
Copy

Demo

Take a walk through the forest: it works wonders

Wonderful forest

The earth holds many mysteries, and one of the wonders of nature is the forest. Dense jungle, ethereal green bamboo, majestic cedars, rows of evergreen pines , rainforests - forests are completely different, and they are some of the best location to escape the stresses of everyday life.

Have you ever felt drained and weary after spending an entire day in a stuffy room, only to instantly feel rejuvenated once you step outside into the fresh air? This is due to our inherent attraction to the natural environment, a phenomenon known as Biophilia. Nature has the power not only to uplift our spirits but also to facilitate healing.

4 main reasons to go to the wonderful forest:

  1. Spending time in forest improves mental health

Exposure to forests can actually reduce human stress levels, help recover from attentional fatigue and generally improve overall mood.

  • The forest can benefit physical health
  • And also mental health

Studies investigating the effect of forest therapy on physiological well-being have also demonstrated a positive impact on cognitive function, glucose levels in diabetic patients, cardiovascular disease, immune system.

  1. Forests provide oxygen for lungs

Trees provide person with the oxygen he breathe.

  1. Nature as a place of power

The forest aids in forging a connection with one's soul. Sometimes, it's crucial to be alone with oneself, setting aside worries and problems. Those who love the forest know this feeling well - amidst the trees, meadows, and streams, all concerns seem to dissipate, replaced by renewed energy and strength.

«Look deep into nature, and then you will understand everything better.»
Albert Einstein