Tiny Logo
Log InGet Started

The best WYSIWYG CRM editor

Building or extending. Tracking or nurturing.
No matter the project, TinyMCE works best.

Get TinyMCE FREEExplore Premium Plans
New Task
Log a Call
New Event
Email
Sarah Humberson <shumberson@tiny.cloud>Art Vandelay <art@vandelay.website>Following up on our call
Tiny Logo
Vandelay Industries
Send
Schedule
Save draft

Eliminate silos and create consistent experiences

The TinyMCE WYSIWYG editor improves your ROI, streamlines the UX of your CRM system and enhances its outputs. Your developers have full control of the code, UI, configuration and integrations, while your non-technical users – sales people, marketing teams or users – can create, manage and modify every type of content within your CRM platform, including emails, social posts, proposals and reports.

CRM starter config

Without code tipsWithout code tipsWith code tips

The basic editing experience every CRM should start with. Includes all the editing controls your users expect, plus PowerPaste, Spell Checker Pro, Templates and more.

1<!doctype html>
2<html>
3<head>
4  <meta charset="utf-8">
5  <title>CRM starter config (messaging functionalities)</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      menubar: false,
12      statusbar: false,
13      plugins: 'advcode autocorrect autoresize editimage emoticons image link linkchecker lists mergetags powerpaste template tinymcespellchecker',
14      min_height: 300,
15      max_height: 500,
16      autoresize_bottom_margin: 20,
17      toolbar: 'undo redo spellchecker | formatgroup | link emoticons image template mergetags | code',
18      toolbar_groups: {
19        formatgroup: {
20          icon: 'format',
21          tooltip: 'Formatting',
22          items: 'blocks fontfamily fontsize | bold italic underline strikethrough forecolor | align bullist numlist outdent indent blockquote'
23        }
24      },
25      toolbar_location: 'bottom',
26      font_size_formats: "8px 10px 12px 14px 18px 24px 36px",
27      formats: {
28        h1: {block: 'h1'},
29        h2: {block: 'h2'},
30        p: [
31          {block: 'p'},
32          {selector: 'p'}
33        ],
34        small: {block: 'small', styles: {fontSize: '12px', color: '#aaaaaa'}}
35      },
36      block_formats: 'Normal=p; Heading=h1; Sub heading=h2; Small=small',
37      forced_root_block: 'p',
38      forced_root_block_attrs: {'style': 'font-size: 14px; font-family: helvetica, arial, sans-serif;'},
39      images_file_types: "jpeg,jpg,png,gif",
40      spellchecker_active: false,
41      powerpaste_word_import: 'clean',
42      powerpaste_googledocs_import: 'clean',
43      powerpaste_html_import: 'clean',
44      link_target_list: false,
45      link_list: [
46        { title: "Product demo", value: "https://www.tiny.cloud/" },
47        { title: "Pricing", value: "https://www.tiny.cloud/pricing/" },
48        { title: "Sign up", value: "https://www.tiny.cloud/signup/" },
49        {
50          title: "Case studies",
51          value: "https://www.tiny.cloud/solutions/content-authoring-tool/",
52          menu: [
53            { title: "Thomson Reuters", value: "https://assets.ctfassets.net/sn6g75ou164i/529dmerPtej8eu8wxRFSIQ/9eeeacaf7c7f45b43db991a7064c354d/tiny-case-study-thomson-reuters.pdf" },
54            { title: "Morning Brew", value: "https://assets.ctfassets.net/sn6g75ou164i/5Y5ETFsqsbxrn8KrfxxuSn/eba8bdd4be3b378b167bc9e9016f9206/tiny-case-study-morning-brew_1_.pdf" },
55            { title: "Accelo", value: "https://assets.ctfassets.net/sn6g75ou164i/4Zg8kQr3vcRpwWCcjwuwTy/0363c30c76032d69d25b68a6a625126b/tiny-case-study-accelo.pdf" }
56          ]
57        }
58      ],
59      mergetags_list: [
60      {
61        title: "Lead",
62        menu: [{
63          value: 'Lead.FirstName',
64          title: 'Lead First Name'
65        },
66        {
67          value: 'Lead.LastName',
68          title: 'Lead Last Name'
69        },
70        {
71          value: 'Lead.Organization',
72          title: 'Lead Organization'
73        },
74        {
75          value: 'Lead.Email',
76          title: 'Lead Email'
77        }
78        ]
79      },
80      {
81        title: "Sender",
82        menu: [{
83          value: 'Sender.FirstName',
84          title: 'Sender First Name'
85        },
86        {
87          value: 'Sender.LastName',
88          title: 'Sender Last Name'
89        },
90        {
91          value: 'Sender.Organization',
92          title: 'Sender Organization'
93        },
94        {
95          value: 'Sender.Email',
96          title: 'Sender Email'
97        }
98        ]
99      },
100      {
101        title: 'Subscription',
102        menu: [{
103          value: 'Subscription.UnsubscribeLink',
104          title: 'Unsubscribe Link'
105        },
106        {
107          value: 'Subscription.Preferences',
108          title: 'Subscription Preferences'
109        }
110        ]
111      }
112      ],
113      templates: [
114        {
115          title: 'Outbound email',
116          description: 'Outbound cold email for prospects',
117          content: '<p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">Hi {{Lead.FirstName}},</p><p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">My name is {{Sender.FirstName}} with {{Sender.Organization}}.</p><p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">We help companies just like yours securely store data in the cloud. I wanted to learn how you handle data storage at {{Lead.Organization}} and show you some of the exciting technology we are working on.</p><p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">Are you available for a quick call tomorrow afternoon?</p><p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">{{Sender.FirstName}}</p>'
118        },
119        {
120          title: 'Follow-up email',
121          description: 'Follow-up to be sent immediately after discovery meetings',
122          content: '<p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">Hi {{Lead.FirstName}},</p><p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">Thank you for taking the time to explore a potential partnership today! It felt like our product could help you solve some of the issues that you&rsquo;re having within {{Lead.Organization}}, especially in these areas:</p><ul><li style="font-size: 14px; font-family: helvetica, arial, sans-serif;">The offsite data warehouse will allow you to guarantee business continuity</li><li style="font-size: 14px; font-family: helvetica, arial, sans-serif;">Metered usage will ensure you only pay for what you consume</li><li style="font-size: 14px; font-family: helvetica, arial, sans-serif;">Level III security protocols will mean you will meet security requirements for your jurisdiction</li></ul><p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">I understand that now you will discuss and agree internally on the next step. Please let me know if you have any questions or if there is anything I can do to help. If not, I&rsquo;ll talk to you next week.</p><p style="font-size: 14px; font-family: helvetica, arial, sans-serif;">Best,<br>{{Sender.FirstName}}</p>'
123        }
124      ],
125      content_style: `
126        body {
127          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
128          font-size: 14px;
129          line-height: 1.5rem;
130        }
131
132        h1 {
133          font-size: 24px;
134        }
135
136        h2 {
137          font-size: 18px;
138        }
139      `
140    });
141  </script>
142  <style>
143      body {
144          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
145          font-size: 14px;
146          margin: 2rem;
147      }
148
149      main {
150          max-width: 800px;
151          margin: auto;
152      }
153  </style>
154</head>
155
156<body>
157<main>
158  <textarea id="editor">
159    <p>Hi {{Lead.FirstName}},</p>
160    <h2>What's your CRM editor project?</h2>
161    <p>Are you:</p>
162    <ul>
163      <li>Building a new CRM and need to add rich text editing capabilities?</li>
164      <li>Extending your existing CRM and need a more extensive rich text editor?</li>
165    </ul>
166    <p>Then use the only WYSIWYG CRM editor that&rsquo;s trusted by 1.5M devs.</p>
167    <p><strong>Curious about TinyMCE? </strong>Play with this demo to see how our CRM editor works 😊</p>
168    <p>Press <img src="https://tiny.cloud/images/solutions/crm-editor/demo/i_formatting.png" width="18" height="18" alt="Formatting">&nbsp;to see how a toolbar group works, and click on <img src="https://tiny.cloud/images/solutions/crm-editor/demo/i_insert_template.png" width="18" height="18" alt="Insert Template"> and <img src="https://tiny.cloud/images/solutions/crm-editor/demo/i_insert_token.png" width="18" height="18" alt="Insert Token"> for inspiration to include pre-defined templates and merge tags.</p>
169  </textarea>
170</main>
171</body>
172</html>
173

"One thing that has been great for us is the ability to insert data metrics. That was a big reason why we chose TinyMCE. These proposals are specific to each individual sales prospect, and they have a lot of dynamic data in terms of pricing and savings – all the different numbers that go into them. Having the ability to add and remove these dynamic fields has been key for us."

Mariya Nomanbhoy|COO, Sighten

"It's genuinely great to have the benefits of a really strong and respected open-source product like TinyMCE. Our user engagement numbers are up, our average customer value is up, and our churn rate is down compared to before we started using TinyMCE. It's become a key part of our drive to make our product more successful."

Geoff McQueen|CEO & Founder, Accelo

"Just reducing the number of support tickets has been great. If there are fewer problems to solve, then I can focus on developing new features for our software and helping to push us ahead of our competitors. That’s the most important part for me."

Simon Reinhardt|Senior Software Developer, HYPE Innovation

"As our customer base was growing we needed to have more differentiated proposals, because our customers started competing against each other in the market and homeowners were seeing the exact same types of proposals. So our customers wanted to be able to differentiate themselves more."

Mariya Nomanbhoy|COO, Sighten

When you need the best
WYSIWYG CRM 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 CRM editor gets you to market faster.

Focus on streamlining and automating redundant processes and content production workflows

Explore features:

Templates icon
Templates
Faster Speed to Market
Delight your users

Our WYSIWYG CRM 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 a user experience that enables people to quickly and easily produce reports, documentation, emails and content needed, with a clean copy-paste experience

Explore features:

Delight Your Users
HTML you can trust

Take the guesswork out of content creation and publish clean and compliant output from the CRM 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 CRM software editing tool

Every CRM system needs an intuitive WYSIWYG editor that’s feature-rich and easy to use for those who don’t have coding skills. Equally, the CRM 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.

TinyMCE is downloaded 350M+ times every year and available through either a free, open source license or a paid commercial license.

TinyMCE CRM editor

All the WYSIWYG features
developers (and users) expect

Content Creation

Content Creation

Enable users to create emails, proposals and log calls using features they know and love:

  • An intuitive and familiar editing experience inspired by today’s top productivity apps
  • Error-free clean copy-paste from Word, Excel and Google Docs with PowerPaste
  • Insert predefined, read-only Merge Tags (also known as personalization tokens, or mail merge fields) into your content
  • Word Count and Search and replace functionality that enhances a wide range of document creation projects
  • Range of content formatting tools like Checklists, Advanced Tables and Page Break
  • Save users time by auto-generating typed hyperlinks with Autolink
  • Enhanced Image Editing lets users apply 10 powerful transformations to their images – crop, rotate, resize and other filters
  • Inline editing to Preview how content looks before publishing
  • Generates clean HTML ready to be used across a variety of applications
  • Optimized for desktop and mobile
  • Content can be output as PDF using the PDF Export plugin

Compliance

Compliance

Ensure user-generated content aligns with corporate and regulatory standards:

  • Maintain regulatory standards and avoid potential fines and lawsuits with Accessibility Checker (WCAG and ARIA)
  • Build custom dictionaries to ensure content is on-brand with Spell Checker Pro
  • 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 Autocorrect
  • Eliminate embarrassing broken links with Link Checker

Collaboration

Collaboration

Produce better outcomes with collaborative editing tools:

  • Let users 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

Internationalization

Internationalization

Provide a consistent and reliable editing experience, from Bogotá to Istanbul:

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

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

Editor Control

Editor Control

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

  • 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
  • Prevent the editing of brand or regulatory content using the Noneditable plugin
  • Allow users to insert predefined, dynamic content (such as canned emails) using the Templates plugin
  • Autosave avoids the risk of losing content
  • Autoresize allows the editor to resize to fit its contents as it expands

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

El Roboto

CASE STUDY

How El Roboto saves clients hundreds of thousands of dollars every month with TinyMCE

5 Rich Text Editor comparisons

WORLD OF WYSIWYG

5 Rich Text Editor comparisons

How to add an emoji picker to the textarea

HOW-TO USE TINYMCE

How to add an emoji picker to the textarea

Get TinyMCE FREELet’s chat
Tiny logo

Stay Connected

Products

TinyMCEDriveMoxieManager
© Copyright 2022 Tiny Technologies Inc.

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