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
0 answers

TinyMCE enable alpha channel in color picker from background color

Is it possible to enable alpha values (rgba) in tinymce for the color picker? I currently have this tinyMCE editor in my angular 15 web application: I created it with the color_map attribute as you can see in this code: modules = { branding: false,…
EndrIT
  • 65
  • 9
1
vote
0 answers

How to remove only show caption option from the table properties in tinymce v5.8.2 angular

Im using tinymce editor v.5.8.2 and in tinymce, I would like to remove show caption option from the table properties. Below is the image of list of table properties. I have found one way using advtable plugin which is a paid plugin. Is there…
1
vote
1 answer

Still getting "This domain is not registered with Tiny Cloud" message even after importing the API key

I am using the example TinyMCE code that's available on their docs:
Jerome
  • 734
  • 1
  • 8
  • 28
1
vote
0 answers

Show toolbar when tinymce react has focus and hide the toolbar when focus is out

I want to Show the toolbar only when tinymce editor has focus and hide the toolbar as soon as editor lost the focus. I'm using classic toolbar with default floating toolbar_mode (I can change this if needed to achieve above requirement)
Vipul Goel
  • 31
  • 4
1
vote
1 answer

TinyMCE dark/light mode

my question is. That i use a class "light-mode" and wan't to change the tinymce to light mode when i use the class. I tryed this: skin: (document.body.classList.contains('light-mode') ? "oxide-light" : "oxide-dark"), content_css:…
1
vote
0 answers

Where are the installed NPM module's dependencies stored in a React Project?

So, I have installed a npm module : @tinymce/tinymce-react. So, now this module's code is stored in node_modules folder in the root directory of React Project. It has two dependencies. But, where is the code for dependencies of…
Darshan Hande
  • 25
  • 2
  • 8
1
vote
1 answer

TinyMce extensions like codesmaple failing to get initialized, r is not a constructor

I have a wordpress website and i have a page that allows users to create posts. I have configured tinymce to look for this certain field on the form and convert it into a tinymce field. THis works fine but some (most) of the plugins that come with…
treepek
  • 37
  • 6
1
vote
0 answers

TinyMCE sticky toolbar with element scroll (not window scroll)

Problem : We are trying to achieve toolbar sticky behavior in tinyMCE. It works when we created a separate application that had a normal window scroll. As soon as we apply it in our application it doesn't work. Our application doesn't have any…
1
vote
0 answers

Is there some alternative to disabling the logic that converts base64 images into blobs?

The 'images_dataimg_filter' option can also be used to specify a filter predicate function for disabling the logic that converts base64 images into blobs while within the editor. With the new version of TinyMCE 6.1.0 the option…
Rubber
  • 87
  • 9
1
vote
1 answer

Migrating Vue 2 to Vue 3 requiring at least a library in Vue 3 and bootstrap-vue (Vue 2): options?

We are trying to update a library and the newer version requires Vue 3 instead of Vue 2, namely tinymce-vue. Unfortunately, it is a company project using bootstrap-vue, which has no full compatibility with Vue 3 yet (bootstrap-vue3 is not…
Anna
  • 13
  • 3
1
vote
0 answers

Tinymce - tinymce is not defined integrated with Vue 2

I'm following the official doc to integrate TinyMCE with Vue2. The editor is loaded successfully with basic configuration. But the link and table are not working as expected. So I installed tinymce(5.10.3) package and imported the plugins as…
Sky
  • 7,343
  • 8
  • 31
  • 42
1
vote
0 answers

my whitelist filter doesnt filter all tags correctly

I am trying to filter pasted HTML in tinymce-5. My filter filters almost every tag correctly, but some remain. For testing please copy the whole page source code. For testing and reproducing my problem, I recommend copying stuff from the "paste"…
1
vote
1 answer

CodeIgniter 4 - Cannot submit data with TinyMCE text editor but with normal text area data gets submitted

I am trying to integrate TinyMCE editor with CodeIgniter 4 application. However the data from the tinyMCE textarea is not getting submitted to database even when i click on submit button but with normal textarea the data is submitted to database…
1
vote
0 answers

TinyMCE - Links failing when links contain any tags

I have TinyMCE 5.x (cdn file says 5.10.3-128) loaded within a website manager. I use the following link to load TinyMCE https://cdn.tiny.cloud/1/\/tinymce/5/tinymce.min.js. This forwards to the following location…
1
vote
1 answer

How to override TinyMCE default implementation of right alignment for images?

I am using TinyMCE V5 to enable my users to write email templates. Since we're dealing with email templates, there's the Outlook problem. Outlook does not support a wide variety of styles and elements. Here I am focused on aligning images in a way…
MMalke
  • 1,857
  • 1
  • 24
  • 35
1 2
3
20 21