Stack Overflow
Stack Overflow

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

Multiple select format in drop down with different options Using TinyMCE

I am using TinyMCE editor. Is it possible to have two(multiple) selectformat with different options as shown like below image? Please suggest us, If there is any option or example. Thank you.
Meline
  • 119
  • 3
  • 11
2
votes
0 answers

How to save video to Laravel storage folder on Tinymce

I'd like to save the video I uploaded in the Laravel storage folder, but for now I'm only able to save this away:

user16463899
  • 21
  • 5
2
votes
1 answer

TinyMCE - toggle dark-theme after init

after the tinymce.init() i can toggle the readOnly setting like this: editor.mode.set("design"); editor.mode.set("readonly"); but how can i toggle the dark theme for the editor and the content? this will not work: …
kolja
  • 505
  • 7
  • 24
2
votes
1 answer

How to remove trigger character on autocomplete in tinyMCE?

How to remove trigger character on autocomplete in tinyMCE? Let's assume that the trigger character is @. Once I select an autocomplete item, I wish to remove the preceding @ character.
Rakshit Kumar
  • 21
  • 3
2
votes
0 answers

How to dynamically change toolbar button icon AFTER button is already created? (TinyMCE 5.x)

I have a plugin I'm trying to adapt for TinyMCE 5.x, and I can't figure out any way to dynamically change the toolbar button icon after it is already created. I can create/define multiple icons in the registry using editor.ui.registry.addIcon, but…
Speednet
  • 1,226
  • 10
  • 12
2
votes
3 answers

TinyMCE doesn't work within Bootstrap 5 modal

hope you'll be able to help me so here is my problem: I would like to integrate a TinyMCE editor in a Bootstrap 5 modal But the problem is that in TinyMCE modals (for example link modal), I'm unable to edit the input. Here is my code:
One 4046
  • 53
  • 1
  • 7
2
votes
1 answer

TinyMCE hide toolbar overflow programmatically

I have come across an issue using v5 of the TinyMCE editor where, when the screen width is narrow enough for the toolbar to overflow, the overflow bucket will persist when the editors mode is set to readonly. This can cause an issue where the…
jprice92
  • 387
  • 4
  • 18
2
votes
1 answer

Unable to drop image into TinyMCE

I am unable to drag an image into TinyMCE 5.7.0, it just makes an error "Dropped file type is not supported". Dragging and dropping into the image upload modal works fine, but into the main window does not. A similar question here had an answer that…
Matt
  • 1,328
  • 1
  • 16
  • 28
2
votes
1 answer

How to implement TinyMCE to Shared Textarea and Return its Updated State in React?

First thing first, I'm trying to implement tinyMCE to a component from react-bootstrap. Said component is 'dynamic'. It can be any type of input I desire but when I try to use it as a textarea with tinyMCE, the state does not return any data from…
Kirasiris
  • 523
  • 10
  • 37
2
votes
1 answer

Keep TinyMCE inline editor toolbar in one row

The TinyMCE inline editor toolbar changes into two rows when the difference in pixels between the left of the editor element and the right of the window are less than the width of the toolbar. Is there a way to disable this behaviour, and instead…
Tim van Dam
  • 21
  • 2
2
votes
0 answers

how to re- initialize TinyMCE after ajax loaded textarea

I am trying to re-bind tinyMCE to textarea which is generated dynimically with ajax. My tinymce looks like this: tinyMCE.init({ selector : "textarea", plugins: "emoticons link", menubar: false, toolbar: 'undo redo | bold italic…
Jack Maessen
  • 1,780
  • 4
  • 19
  • 51
2
votes
2 answers

TinyMCE 5.x - Highlight an item in a custom dropdown menu

I have 3 menu items in a custom TinyMCE 5.x dropdown that controls the width of the editor. I want to indicate what the current selection is, but can't find a way to interact with the menu items after they are initialized. When the menu is closed…
blairzotron
  • 259
  • 2
  • 7
2
votes
0 answers

The "Responsive filemanager" plugin does not work ”- Plugin for TinyMCE 5

I apologize for my English, but I translate it with google translate. I am trying to install the "Responsive File Manager" plugin (https://www.responsivefilemanager.com/) I moved the files according to the instructions and configured. When I press…
Patryk
  • 21
  • 4
1
vote
1 answer

i want to change role=presentation to role=application in tinymce editor

I want to change role=presentation to role=application in "tinymce editor", because when I open in mobile device gray box display instead of text editor with toolbar menu bar. but it works fine on laptop in desktop view and mobile view both. if any…
Sidra Tul Muntaha
  • 11
  • 1
1
vote
0 answers

Copy from word and paste editor the bullet list formatting is missing

Tinymce 6 version I have word document contains some list items like shown below After pasting the content in Tinymce editor the formatting is not correct. it's placed as 'paragraph'. Expected: It should keep the formatting: like below ' Text…
Rubber
  • 87
  • 9
1
2
3
…
20 21