Tiny Logo
Start trial
PricingContact Us
Log InStart For Free

State-of-the-art document
editor for your DMS

Building or extending. Organizing or complying.
No matter the project, TinyMCE works best.

Get TinyMCE FREEExplore Premium Plans
Icon for headerWhat’s your document management editing project?
Tiny Logo

Take control, capture or customize your documents

TinyMCE’s WYSIWYG document editor increases the productivity and efficiency of the knowledge workers using your Document Management System (DMS). Your developers have full control of the code, UI, configuration and integrations, while your non-technical users – lawyers, medical experts, analysts, researchers or technical writers – can quickly create, manage and modify every type of content needed, including formulas and equations, for their work.

DMS editor starter config

Without code tipsWithout code tipsWith code tips

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

1<!DOCTYPE html>
2<html>
3<head>
4  <meta charset="utf-8">
5  <title>TinyMCE DMS Starter Config</title>
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7  <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
8
9  <script>
10    tinymce.init({
11      selector: "#editor",
12      plugins: "ai advcode advlist advtable advtemplate anchor autocorrect autolink autosave casechange charmap checklist codesample directionality editimage emoticons footnotes formatpainter help image insertdatetime link linkchecker lists markdown media mediaembed mergetags nonbreaking pagebreak permanentpen powerpaste searchreplace table tableofcontents tinycomments tinymcespellchecker typography visualblocks visualchars wordcount math",
13      toolbar: "undo redo spellcheckdialog | aidialog aishortcuts | blocks fontfamily fontsizeinput | bold italic underline forecolor backcolor | link image addcomment showcomments  | align lineheight checklist bullist numlist | indent outdent | inserttemplate | removeformat typography math",
14      editable_root: false,
15      height: '700px',
16      toolbar_sticky: true,
17      autosave_restore_when_empty: true,
18      spellchecker_active: true,
19      spellchecker_language: 'en_US',
20      spellchecker_languages: 'English (United States)=en_US,English (United Kingdom)=en_GB,Danish=da,French=fr,German=de,Italian=it,Polish=pl,Spanish=es,Swedish=sv',
21      typography_langs: [ 'en-US' ],
22      typography_default_lang: 'en-US',
23      tinycomments_mode: 'embedded',
24      tinycomments_author: 'rmartel',
25      tinycomments_author_name: 'Rosalina Martel',
26      tinycomments_author_avatar: 'https://www.tiny.cloud/images/avatars/avatar-RosalinaMartel.jpg',
27      sidebar_show: 'showcomments',
28      mergetags_list: [
29        {
30          value: 'Document.Title',
31          title: 'Document Title'
32        },
33        {
34          value: 'Publish.Date',
35          title: 'Publish Date'
36        },
37        {
38          value: 'Author.Name',
39          title: 'Author Name'
40        }
41      ],
42      advtemplate_templates: [
43        {
44          title: 'Non-compete clause',
45          content: '<h3>NON-COMPETE</h3>\n<p>This agreement contains a non-compete clause, which prohibits the&nbsp;{{Employee.Name}} from directly or indirectly engaging in similar activities to those performed in their employment with the Company, within {{Distance.Miles}} miles of the Company&rsquo;s business premises, for a period of {{Noncompete.Years}} years after the termination of their employment. This clause shall apply regardless of whether the Employee is employed by a competitor or any other third party.</p>'
46        },
47        {
48          title: 'Corporate hierarchy diagram',
49          content: '<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://i.postimg.cc/tJ82QN1H/corporate-hierarchy.png" width="282" height="248"></p>'
50        },
51        {
52          title: 'More reusable document content',
53          content: '<p>Insert any HTML content as a template!</p>'
54        }
55      ],
56      ai_shortcuts: [
57        { title: 'Summarize content', prompt: 'Provide the key points and concepts in this content in a succinct summary.' },
58        { 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.' }
59      ],
60      content_style: `
61        body {
62          background: #fff;
63        }
64
65        /* Disable the blue "focus" border for the editable region */
66        .editable-section:focus-visible {
67          outline: none !important;
68        }
69
70        .header,
71        .footer {
72          font-size: 0.8rem;
73          color: #ddd;
74        }
75
76        .header {
77          display: flex;
78          justify-content: space-between;
79          padding: 0 0 1rem 0;
80        }
81
82        .header .right-text {
83          text-align: right;
84        }
85
86        .footer {
87          padding:2rem 0 0 0;
88          text-align: center;
89        }
90
91        /* Apply page-like styling */
92        @media (min-width: 840px) {
93          html {
94            background: #eceef4;
95            min-height: 100%;
96            padding: 0.5rem;
97          }
98
99          body {
100            background-color: #fff;
101            box-shadow: 0 0 4px rgba(0, 0, 0, .15);
102            box-sizing: border-box;
103            margin: 1rem auto 0;
104            max-width: 820px;
105            min-height: calc(100vh - 1rem);
106            padding: 2rem 6rem 2rem 6rem;
107          }
108        }
109      `,
110    });
111  </script>
112  <style>
113    body {
114      margin: 4rem auto;
115      padding: 0 2rem;
116      background-color: #f9f9fb;
117    }
118
119    main {
120      width: 100%;
121    }
122  </style>
123</head>
124<body>
125  <main>
126    <textarea id="editor">
127      <div class="header">
128        <span class="left-text">This is a non-editable header</span>
129        <span class="right-text">August 12, 2023</span>
130      </div>
131      <div class="editable-section" contenteditable="true">
132        <h1 style="text-align: center;"><span class="mce-annotation tox-comment" data-mce-annotation-uid="mce-conversation_95621585221662750341026" data-mce-annotation="tinycomments">What&rsquo;s</span> your Document Management editing project?&nbsp;</h1>
133        <p style="text-align: center;">Are you:</p>
134        <table style="border-collapse: collapse; width: 100%;" border="1"><colgroup> <col style="width: 50%;"> <col style="width: 50%;"> </colgroup>
135          <tbody>
136            <tr>
137              <td style="text-align: center;"><strong><span style="font-size: 36pt;">📝</span><br><br>Building a next-generation document creation solution</strong> and want to offer the best rich text editing experience to your content creators?</td>
138              <td>
139                <p style="text-align: center;"><span style="font-size: 36pt;"><strong>🗂️</strong></span></p>
140                <p style="text-align: center;"><strong>Developing an innovative documentation system</strong> to organize, track, store, and share documents, and you want to add editing capabilities?</p>
141              </td>
142            </tr>
143          </tbody>
144        </table>
145        <p style="text-align: center;">Or perhaps it&rsquo;s both? Then use the only WYSIWYG editor that&rsquo;s trusted by <a href="https://tiny.cloud" target="_blank" rel="noopener">1.5M developers</a>.</p>
146        <h3>Curious about TinyMCE?</h3>
147        <p>Play with this demo to see how TinyMCE works! Try out these popular document creation functions:</p>
148        <ul>
149          <li>Copy complex rich content from another app into the editor</li>
150          <li>Add or resolve a comment</li>
151          <li>Drag-and-drop an image from your computer, then edit it within TinyMCE</li>
152          <li>Insert {{dynamic.content}} into the document using Merge Tags (start typing "{{")</li>
153          <li>Any other functionality that you would expect in a document editor!</li>
154        </ul>
155        <p>Watch the video below to see how easy it is to get started (embedded in one click using <em>Enhanced Media Embed</em>):</p>
156        <div style="left: 0px; width: 100%; height: 0px; position: relative; padding-bottom: 56.25%; max-width: 650px;" data-ephox-embed-iri="https://www.youtube.com/watch?v=_Pp1xnhQqec"><iframe style="top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; border: 0px;" src="https://www.youtube.com/embed/_Pp1xnhQqec?rel=0&amp;controls=0" scrolling="no" allowfullscreen="allowfullscreen"></iframe></div>
157      </div>
158      <div class="footer">
159        Copyright 2023 ACME Document Solutions
160      </div>
161      <!--tinycomments|2.1|data:application/json;base64,eyJtY2UtY29udmVyc2F0aW9uXzk1NjIxNTg1MjIxNjYyNzUwMzQxMDI2Ijp7InVpZCI6Im1jZS1jb252ZXJzYXRpb25fOTU2MjE1ODUyMjE2NjI3NTAzNDEwMjYiLCJjb21tZW50cyI6W3sidWlkIjoibWNlLWNvbnZlcnNhdGlvbl85NTYyMTU4NTIyMTY2Mjc1MDM0MTAyNiIsImF1dGhvciI6InJtYXJ0ZWwiLCJhdXRob3JOYW1lIjoiUm9zYWxpbmEgTWFydGVsIiwiYXV0aG9yQXZhdGFyIjoiaHR0cHM6Ly93d3cudGlueS5jbG91ZC9pbWFnZXMvYXZhdGFycy9hdmF0YXItUm9zYWxpbmFNYXJ0ZWwuanBnIiwiY29udGVudCI6IkNhbiB3ZSBpbmNyZWFzZSB0aGUgc2l6ZSBvZiB0aGUgaGVhZGluZz8iLCJjcmVhdGVkQXQiOiIyMDIyLTA5LTA5VDE5OjA1OjQxLjAyNVoiLCJtb2RpZmllZEF0IjoiMjAyMi0wOS0wOVQxOTowNTo0MS4wMjVaIn0seyJ1aWQiOiJtY2UtcmVwbHlfNzk5MTUxODA5MjE2NjI3NTA1NTM5MjYiLCJhdXRob3IiOiJhdmlzbWFyYSIsImF1dGhvck5hbWUiOiJBbmdlbCBWaXNtYXJhIiwiYXV0aG9yQXZhdGFyIjoiaHR0cHM6Ly93d3cudGlueS5jbG91ZC9pbWFnZXMvYXZhdGFycy9hdmF0YXItQW5nZWxWaXNtYXJhLmpwZyIsImNvbnRlbnQiOiJTdXJlIHRoaW5nIOKAkyBob3cncyB0aGlzPyIsImNyZWF0ZWRBdCI6IjIwMjItMDktMDlUMTk6MDk6MTMuOTI2WiIsIm1vZGlmaWVkQXQiOiIyMDIyLTA5LTA5VDE5OjA5OjEzLjkyNloifV19fQ==-->
162    </textarea>
163  </main>
164</body>
165</html>

"TinyMCE has allowed us to stand apart from our competition. We can now say that we have a solution that truly allows our users to customize how their content looks as easily as they would a Word document, but still keep our own branding."

Justin Witz|CTO and Co-Founder, Catapult

"I have five developers under me on this platform and the amount of time we spend with TinyMCE to implement or upgrade it is minutes. The overhead is so low, development-wise, compared to other tools that it’s practically non-existent."

Tim Craver|Development Manager, Allied Solutions

"TinyMCE is so easy to use, and we don't have to worry about text editing anymore. Without Tiny, we would have had to put somebody full time on building a tool like that, which could easily have cost $100,000 a year, not to mention the ongoing costs of maintaining an expensive tool."

Chris Creery|Senior Software Architect, TalentMap

"TinyMCE has allowed us to stand apart from our competition. We can now say that we have a solution that truly allows our users to customize how their content looks as easily as they would a Word document, but still keep our own branding."

Dan Plaskon|CTO and Co-Founder, Better Impact

When you need a state-of-the-art document editor

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 DMS editor gets you to market faster.

Focus on user productivity, decreasing content creation time.

Explore features:

Multi-Root Editing icon
Multi-Root Editing
Faster Speed to Market

Delight your users

Our WYSIWYG DMS 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 editing experiences that let users create rich, immersive and compelling content.

Explore features:

Delight Your Users

HTML you can trust

Take the guesswork out of content management and publish clean and compliant output from the DMS text 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 document editor

Only the best document management WYSIWYG editor, is feature-rich and easy to use. It helps you organize and manage cross-enterprise documents (proposals, reports, and contracts) from creation to organization, through to distribution. It also increases efficiency and reduces the cost and clutter of maintaining records – be that on paper or in file systems of a previous era. TinyMCE does all that, and more.

It’s totally customizable, so your developers can control the back-end, integrates with existing tech stacks and you can be confident the HTML output is clean, quality and compliant. 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

Document Creation

Document Creation

Enable users to create documents 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
  • Directly import MS Word documents. Export your content to MS Word or PDF with Document Converters
  • Create cleanly formatted equations and formulas with the Math Equations feature
  • Write, or paste, Markdown directly in the editor, and TinyMCE instantly converts it to rich text
  • 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
  • Enhanced Media Embed adds media previews from the most popular sources like YouTube, Facebook, and others
  • Image Editing let users apply 10 powerful transformations to their images – crop, rotate, resize and other filters
  • Insert predefined or user-defined content easily with Templates
  • Merge Tags allows for dynamic content insertion, opening up document automation opportunities
  • Inline editing to Preview how content looks before publishing
  • Generates clean SEO-friendly HTML ready to be indexed by search engines
  • Optimized for desktop and mobile

Editor Control

Editor Control

Give users either unrestricted creative freedom, or just enough to create what they need:

  • Generate true WYSIWYG document templates with editable regions using Mutli-Root Editing
  • Only enable the functionality needed and use Quick Toolbar and keyboard shortcuts to speed up content creation
  • Control the output with a variety of options around HTML and CSS
  • Customize the UI with pre-made Skins and Icons or build your own
  • Autosave avoids the risk of losing content
  • Autoresize allows the editor to resize to fit its contents as it expands
  • Global document creation experiences with 38 professional UI translations and 37 community-contributed UI translations

Document Organization

Document Organization

Support correct organization and tagging within your DMS so users can find what they need, fast:

  • Basic rich text editor configurations for simple document, folder or taxonomy descriptions
  • Optional plain-text output options for faster indexing and reduced database size
  • Directly import MS Word documents. Export your content to MS Word or PDF with Document Converters
  • Inline Editing Mode and Contextual Toolbar let you add rich text capabilities to meta fields without cluttering your UI
  • Offer tag, category or assignee suggestions with the Autocompleter and Mentions plugins

Tracking & Compliance

Tracking & Compliance

Ensure user-generated content is aligned with corporate and regulatory standards:

  • Maintain regulatory standards and avoid potential fines and lawsuits with Accessibility Checker (WCAG)
  • Identify document changes over time with Revision History
  • Build custom dictionaries to ensure content is on-brand 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
  • Generate in-document hierarchial navigation using Table of Contents
  • Empower users to easily create authoritative and credible content with Footnotes

Collaboration

Collaboration

Produce better outcomes with collaborative editing tools:

  • Enhance peer-to-peer collaboration with Comments and threaded conversations
  • Kickstart conversations with @mentions
  • Identify document changes over time with Revision History

Media management

Media management

Manage your files or 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

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

How to create a word processor to rival MSWord and Google Docs

MEGA TUTORIAL

How to create a word processor to rival MSWord and Google Docs

Setting up the TinyMCE DMS Starter config

HOW-TO USE TINYMCE

Setting up the TinyMCE DMS Starter config

Document management trends to track

PRODUCT-LED GROWTH

Document management trends to track

TinyMCE DMS Starter Config Tour

HOW-TO USE TINYMCE

TinyMCE DMS Starter Config Tour

The Great Debate Buy vs Build Rich Text Editors

WHITEPAPER

The Great Debate Buy vs Build Rich Text Editors

How Accelo increased user engagement to over 85%

CASE STUDY

How Accelo increased user engagement to over 85%

The Opportunity Cost of Technical Debt

WHITEPAPER

The Opportunity Cost of Technical Debt

ECM vs DMS vs KMS - what’s right for you?

PRODUCT-LED GROWTH

ECM vs DMS vs KMS - what’s right for you?

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.