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

TinyMCE remove white spaces at the end of text REACT

when I add a whitespace at the end of the text, I got this as a result

TEXT 

How can I wether getting white spaces at the end eliminate or just getting the actual white space example:

TEXT

Jose A.
  • 483
  • 2
  • 7
  • 15
1
vote
1 answer

How Do You Change the Placeholder Text Dynamically in TinyMCE 5?

I'm using TinyMCE 5.6.2. I have a single textarea tied to TinyMCE. The placeholder text needs to change dependent upon the selection of a dropdown. I know I can initialize it with a static value: tinymce.init({ selector: '.tinymce', …
FlyFish
  • 491
  • 5
  • 22
1
vote
1 answer

TinyMce picture tag wrapper

In out CMS we put every image inside "picture" tag like this: Image But tiny wraps every picture tag inside "p" I see that…
Vladislav
  • 47
  • 1
  • 7
1
vote
1 answer

TinyMCE CONTENT SECURITY POLICY

I had a text editor in my react app, everything until now was working perfect, until I decided to add Content-Security-Policy in my app. Then my Text Editor stoped working. So I put this meta tag inside my head tag
Jose A.
  • 483
  • 2
  • 7
  • 15
1
vote
0 answers

Wrong cursor style when TinyMCE is rendered into a modal

I'm rendering TinyMCE editor into a chakra-ui modal. When hovering the content edit area, cursor is pointer instead of text (visually, I couldn't find any cursor css property when inspecting). Any idea how to ensure the cursor remains of text style…
romseguy
  • 1,535
  • 13
  • 17
1
vote
1 answer

Tinymce - images_upload_handler - Remove Image from Editor if Image exceeded the maximum size

images_upload_handler: function (blobInfo, success, failure) { var image_size = blobInfo.blob().size / 1000; // image size in kbytes var max_size = 10 // max size in kbytes …
Ayush
  • 25
  • 3
1
vote
1 answer

TinyMCE - Save Changes - keyup / onChange / blur ? Which is best?

I'm using TinyMCE in a Filemaker file. I'd like to save changes when typing, or if formatting is applied, or for example, a list is applied or an image inserted. No matter what the changes. I want to call a function in my init script, when changes…
GSymon
  • 25
  • 4
1
vote
0 answers

tinymce: "default_link_target:'_blank'" of autolink plugin doesn't work in IE

I Initialized tinymce as below, but in IE, default_link_target does not work. tinymce version is 5.10.2 tinymce.init({ selector: '#mytextarea', height: 800, plugins: 'link, autolink', default_link_target: '_blank' }); In IE, a tag created…
hayashiyasufumi
  • 11
  • 1
1
vote
0 answers

TinyMCE show menubar on left

Is there a way to customize the menubar in latest version of TinyMCE on left side? I am unable to find any documentation on that specific part of the editor. The 2nd image below demonstrates the part I'm specifing. Current UI: I want the left menu…
pmh
  • 192
  • 10
1
vote
1 answer

How to prevent TinyMCE remove href attribute from "a" tags if contains JavaScript code?

In my Angular project I use TinyMCE 5.5.1 as rich text editor with this code: import { Component, ComponentFactoryResolver, Input, OnInit, ViewContainerRef } from '@angular/core'; import { SettingService } from…
netdjw
  • 5,419
  • 21
  • 88
  • 162
1
vote
1 answer

Uncaught TypeError: Cannot read properties of undefined (reading 'paste')...but why?

When I run the code below and click the custom toolbar button I get this error: Uncaught TypeError: Cannot read properties of undefined (reading 'paste') I'm not sure why this is happening. Any insight? JS tinymce.init({ selector:…
Pinpaho
  • 187
  • 2
  • 5
  • 15
1
vote
0 answers

Tinymce: How to trigger autocomplete when I do execCommand('mceInsertContent', '#')

When I press the button do execCommand('mceInsertContent', '#') and insert # to the tinymce editor, but the autocompleter doesnt display. The image:
陈同学
  • 11
  • 1
1
vote
0 answers

TinyMCE image upload does not set "src" attribute on using multiple editors in one page

I am working on a Codeigniter project where I need to use multiple TinyMCE editors. Since I have to use an external API for storing files and images, I have created a custom server-side upload handler that gives the resulting URL for the uploaded…
Snehal_Swadhin
  • 11
  • 1
  • 2
1
vote
1 answer

TinyMCE Image Option in Context Menu Not Showing

I've recently upgraded to TinyMCE 5 and want to be able to insert an image by right-clicking in the editor, (this worked in v4) but I'm only able to get the "Link (CMD+K)" option. Here's my fiddle: https://fiddle.tiny.cloud/VDhaab/3
Circle B
  • 1,616
  • 3
  • 26
  • 45
1
vote
0 answers

Remove whole html block on backspace tinymce

I am adding html block in tinymce on clicking of button Kenny Symonds So far so good, tinymce adds this html block properly in editor. Now what I want is when user presses…
Kiran Shinde
  • 5,732
  • 4
  • 24
  • 41
1 2 3
…
20 21