Questions tagged [tinymce-5]

TinyMCE is an open source WYSIWYG HTML editor that provides a modern rich text editing experience for web applications. Use this tag for questions regarding the usage of TinyMCE and its integration with CMSs and other web-based applications.

TinyMCE is an open source WYSIWYG HTML editor that provides a modern rich text editing experience for web applications. It is useful for developers who want a simple yet powerful way for users to create and edit HTML content online.

TinyMCE is integrated into thousands of open source and commercial applications such as:

  • Content management systems (CMSs)
  • Learning management systems (LMSs)
  • Customer relationship management (CRM) and marketing automation systems
  • Email marketing systems
  • Content creation in SaaS systems

Core features

In addition to basic formatting tools like bold, italic, underline, lists, and alignment, it provides a wide array of tools one would expect to find in the modern content creation apps like the ability to insert images, videos, tables, and spell checking. There’s also a range of additional features especially designed to assist with productivity, compliance and collaboration.

TinyMCE is highly configurable to cater for a range of use cases. It can be set up with lots of options and tools, or just a few, depending on whether you’re using it within, say, a chat client or a CMS. With 50+ powerful plugins available to developers, extending TinyMCE is as simple as including a single line of code. The look and feel can also be configured to match particular UIs and design systems.

It’s easily integrated with the most popular front-end frameworks, including , , , and .

Browser compatibility

TinyMCE is compatible with multiple browsers, including Internet Explorer, Firefox, Safari, Opera and Google Chrome, across multiple operating systems. TinyMCE 5.1 was specifically redesigned to provide an enhanced mobile experience for users.

API

TinyMCE includes an extensive API for developing custom plugins and integrations.

Useful links

304 questions
1
vote
1 answer

tinymce 5 line break plugin

I've created a small TinyMCE v5 plugin that adds a line break button to the menu or toolbar : /* Plugin code */ (function () { 'use strict'; var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); var register = function…
hugsbrugs
  • 3,501
  • 2
  • 29
  • 36
1
vote
1 answer

Tinymce with textarea content inside editor

I have the following markup im trying to initialize. Tinymce is stripping out the [marker-123] text from my sub textarea. I tried to keep it by…
seesoe
  • 393
  • 4
  • 14
1
vote
0 answers

How to render/preview bootstrap elements within TinyMCE-5?

TinyMCE-5 has a very nice feature to preview the content before save. But even after adding the bootstrap.css to the init function some elements are still not displaying correctly. content_css:…
srecce
  • 97
  • 3
  • 15
1
vote
1 answer

How can I remove word count in Tiny MCE?

How can I remove word count in TinyMCE?
twinpig
  • 23
  • 2
1
vote
1 answer

How to allow TinyMCE 5 html, head and body tags?

I'm using latest self hosted TinyMCE 5 editor. I want to paste my own HTML into the editor and be able to edit everything including the html, head, body tags.. I've tried any combination of the following config, but TinyMCE keeps removing the html,…
Avi Vaulin
  • 49
  • 1
  • 9
1
vote
1 answer

How to set max length for editor TinyMCE?

I need to set max length for editor TinyMCE. Can I do it? For example, 10 chars
twinpig
  • 23
  • 2
1
vote
1 answer

Customizing fore colors in TinyMCE v5

In TinyMCE v4.x we used the textcolor plugin which added a toolbar button for choosing the font color. Using the textcolor_map configuration property we could provide an array of specific colors. TinyMCE v5 has moved this functionality into the…
helion3
  • 34,737
  • 15
  • 57
  • 100
1
vote
1 answer

Is there a way to open the Tinymce Comments sidebar without a manual button click

We have implemented the Tinymce comments plugin into our configuration and we are happy with how it works. However, our users would like the 'showcomments' button to be clicked and the sidebar containing the comments to be displayed on page load. We…
DobmunKano
  • 13
  • 2
1
vote
1 answer

focus on textarea with tinymce (tinymce-angular)

I am using tinymce with angular (tinymce-angular). The version of tinymce seems to be 5.4.1. There are several editor fields / textareas on the page, I would like to focus on the first one on page load. Is that possible? Either in the html, or in…
Jojje
  • 1,749
  • 3
  • 25
  • 44
1
vote
1 answer

Wrap list
  • content inside

    tag using tinyMCE

  • I would like the content of my
      items to be wrapped inside a

      tag. So right now TinyMCE is creating lists like this:

      • Demo
      While I'm looking for:
      • Demo

      Is this possible in TinyMCE?
    Alvaro
    • 40,778
    • 30
    • 164
    • 336
    1
    vote
    2 answers

    TinyMCE 5.7.0 - Cannot read property 'isTouch' of undefined

    I have a project based on ASP.NET MVC. After upgrading to the latest version of TinyMCE from version 4, I get an error message on one is cshtml where it is used: In version 4, the modern theme was used, which replaced the silver theme. However,…
    Cleemas
    • 39
    • 7
    1
    vote
    1 answer

    Code migration from tinymce 4 to tinymce 5 - problem with action function (true / false)

    I have a problem with migrating the plugin from tinymce 4 to tinymka 5. The console tells me "Uncaught (in promise) TypeError: btn.active is not a function" I can not find an equivalent for tinymce 5. Can someone replace it? Code…
    tarzinio
    • 11
    • 3
    1
    vote
    0 answers

    Automatically adding font size and line height in tinymce 5

    Normally when a user does not choose any specific font size and line height in tinymce, tinymce editor will put the text in a p tag without style. Even when 'content_style' => 'body { font-size: 10pt; line-height: 1.7; }' has been adjusted. I want…
    1
    vote
    1 answer

    Customizing color palette of tinymce

    How do i go on about customizing a color palette in tinymce to look like the image below? image I am using tinymce v5. Since the textcolor plugin is now enabled by default, my old code for customizing the palette is nt working anymore. I would…
    SBB
    • 53
    • 6
    1
    vote
    2 answers

    How to Insert Content in tinymce Editor without triggering focus on editor?

    How can i insertContent in the tinymce active editor without triggering the focus on editor ? UseCase : When i execute insertContent on editor and the editor is outside of the view port It inserts the content and scrolls the editor into view - But…
    Sravan Reddy
    • 73
    • 1
    • 10