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
6
votes
1 answer

Insert custom button on Insert/Edit Link dialog?

I want to add a custom button on the Insert/Edit Link dialog/popup in tinymce v5. I only got this code for the setup option where I put in call to a function. function tinyMceEditLink(editor) { console.log("tinyMceEditLink"); …
heero
  • 278
  • 4
  • 15
5
votes
1 answer

table has inside div press delete table my div element deleted in TinyMCE

I am using TinyMCE I create my editor div element (selector) inside table element. Then I click delete table the div element is deleted.

Here are some of our customer’s most common use cases…

JayaPriya
  • 51
  • 2
5
votes
1 answer

State not updated when setState is called from tinyMCE onAction method

I am working on book creator in react and tinymce. User is allowed to create multiple textblock on canvas and fill them with text. Everything works fine when button with onClick method for creating new textblock is called outside editor, like…
PauloZapo
  • 93
  • 1
  • 5
4
votes
0 answers

Angular, TinyMCE 5 GET http://localhost:4200/tinymce/themes/silver/theme.min.js net::ERR_ABORTED 404 (Not Found) error

I am integrating TinyMCE into my Angular 13 project and it was working fine until this error started popping up : Here is a picture of the error in console. I am new to Angular but from what I understand, Angular cannot find the files for the…
Devi Suresh
  • 129
  • 1
  • 10
4
votes
1 answer

Remove
tags when RemoveFormat is executed

I'm trying to extend RemoveFormat command to make it remove
tags. I've tried altering removefromat format: formats: { removeformat: [ { selector: 'br', …
kemsky
  • 14,727
  • 3
  • 32
  • 51
4
votes
1 answer

Remove "data-sheets-value" from tables, tr and td in TinyMCE

For some reason, TinyMCE is allowing an invalid attribute from Google Sheets. Here is an example:
Foo
Bruno Monteiro
  • 712
  • 6
  • 22
4
votes
0 answers

Issue with Upgrading TinyMCE version to 5 on FormBuilder

We have been using FormBuilder to build forms wherein we use TextArea with TinyMCE (version 4.* by default). We tried to upgrade the TinyMCE library by replacing the existing TinyMCE CDN link - with version 5.* CDN link - in to…
4
votes
2 answers

Showing TinyMCE code plugin into the editor, not in popup

I am designing an HTML editor for Windows Forms. I use Geckofx 60.64 and TinyMCE 5.2.0 for this. When everything runs smoothly, this will be a usercontrol. Here is the screenshot: And I don't want anything that pops up as a popup in this…
Habip Oğuz
  • 921
  • 5
  • 17
4
votes
1 answer

How to access input field in TinyMCE 5 URL dialog

I'm porting a TinyMCE 3 installation to version 5. I set up a toolbar button that opens a dialog that contains a custom page and is therefore loaded using the new windowManager.openUrl method. I have some footer buttons, too, and, of course, an…
Bernhard Döbler
  • 1,960
  • 2
  • 25
  • 39
3
votes
1 answer

TinyMCE mobile setup for iOS app is not working with Self-Hosted

I want to use TinyMCE rich text editor for my iOS app that I wrote in Swift. I want to access self-hosted locally from xCode with tinymce.min.js. I did everything according to the guide but style and javascript is not working, i am only displaying a…
SwiftTry
  • 121
  • 10
3
votes
0 answers

Tiny MCE v5.10.2 adds
tag in empty DIV tags

I am trying to display some html in the Tiny MCE editor v5.10.2. My HTML has some blank DIVs with our custom classes. However on setting the content on Editor, tinymce add inside those empty divs. I have tried almost all config settings, but none…
user9020594
  • 95
  • 1
  • 7
3
votes
0 answers

How to insert microdata into tinymce 5x

Hello to everybody and happy new year! I'm using Tinymce 5x and I have a big problem to output valid html5 + microdata with my editor. Here's how I've initialized the editor: tinymce.init({ selector: 'textarea.editors', …
Lunar
  • 57
  • 7
3
votes
1 answer

TinyMCE 5: How can I remove fontname and fontsize from the menu?

I don't want to disable the options for fontname and fontsize in tinyMCE 5. How can I achieve this? In the doc I only found options for editing the formats, but no simple option for removing these options from the dropdown.
theBell
  • 393
  • 4
  • 17
3
votes
1 answer

How to show all the toolbar buttons in Tinymce 5?

I recently migrated from tinymce 4.8.1 to 5.3.1 community version. After making some changes, everything looks good except one thing, getting MORE button. It shows only one row of toolbar buttons and to see rest of the buttons I have to click on…
sunil20000
  • 356
  • 3
  • 16
3
votes
0 answers

"failed to initialize plugin" after updating tinymce from 4 to version 5?

I already updated tinymce to verion 5 but it seems an error occur caused by its plugin. It refers to each plugins like "advlist/plugin.min.js" Failed to initialize plugin: advlist Error: editor.addButton has been removed in tinymce 5x, use…
heero
  • 278
  • 4
  • 15
1
2 3
20 21