Questions tagged [tinymce-4]

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

1317 questions
44
votes
3 answers

TinyMCE API v4 windowManager.open - What widgets can I configure for the body option?

I would like to fill the body of a modal dialog with custom HTML, generated by Javascript. The documentation for this method is mostly empty. I have only found examples for loading an external file or adding a textbox. Is there a documentation…
Olav
  • 1,602
  • 2
  • 16
  • 21
42
votes
13 answers

TinyMCE 4 links plugin modal in not editable

I am using tinyMCE4 editor inside a Boostrap modal dialog. when I clicked on link icon it opens a new modal dialog box, It displayed fine but the input areas are not editable.
27
votes
11 answers

Remove path in status bar in TinyMCE4

I have just migrated from TinyMCE3 to TinyMCE4 and I wonder how to remove the path in the status bar. But I want to keep my status bar in order to have the resize functionnality. With TinyMCE3 we can do it with: tinymce.init({ ... …
ChibiTomo
  • 484
  • 1
  • 6
  • 15
25
votes
3 answers

Is TinyMCE free to use?

I'm not sure I understand it correctly, but I believe that there is a "basic" version that is free of charge, you only have to pay if you want some premium plugins and technical support. Is this how the situation truly is?
five
  • 307
  • 1
  • 3
  • 7
24
votes
4 answers

How to take heading (h1, h2, h3) directly on toolbar in tinymce 4

I wanna change heading (h1,h2,h3) directly on toolbar ( like tinymce version 3) because i use it very much when i create a new artical. I'm trying to search on internet but I didn't find any answers. Please help me. Thanks a lot
saurom_90
  • 273
  • 1
  • 2
  • 9
21
votes
3 answers

How do i use TinyMCE jQuery package and what is the difference with TinyMCE jQuery plugin

I've seen this post What is the TinyMCE jQuery Package? which explains what the v4 TinyMCE jQuery package is but the post and the tinymce site only contain examples of v3. When I download the v4 TinyMCE jQuery package there is no tiny_mce.js; there…
Andy
  • 10,412
  • 13
  • 70
  • 95
20
votes
5 answers

How do I initialize TinyMCE on a ajax loaded textarea in 4.x?

I am upgrading to tinyMCE 4.x and I am attempting to initialize tinyMCE on a textarea loaded via AJAX. In 3.x I did something of the sort: TinyMCE - attach to divs loaded via AJAX calls but this does not seem to work in 4.x.
Mike Dotterer
  • 1,198
  • 1
  • 11
  • 19
18
votes
4 answers

tinymce "codesample" plugin executes HTML tag

I am using codesample plugin of tinymce which is mentioned here https://www.tinymce.com/docs/plugins/codesample/ in my custom portal. Everything works fine, until, I have to "re-edit" the data stored in database. When i go to edit, all data stored…
John Cargo
  • 1,839
  • 2
  • 29
  • 59
18
votes
3 answers

TinyMCE display as A4

I have a TinyMCE editor on my website and I would like to have the editable area (or the whole thing) displayed in A4 format. Basically, I would like to view the document in the same way as in MS Word. (width, pagebreaks etc.) Is that even…
jakub.petr
  • 2,951
  • 2
  • 23
  • 34
18
votes
5 answers

How do I add placeholder text to TinyMCE?

For standard textareas, I use placeholder="" . How can I extend tinymce so that it also works in this way. Similar to this for CKEditor: http://alfonsoml.blogspot.com.es/2012/04/placeholder-text-in-ckeditor.html
user1556571
16
votes
1 answer

TinyMCE4 file_picker_callback - return additional params

I am using my own custom file picker with TinyMCE 4's new file_picker_callback function. The documentation on this isn't great, so credit goes to Fred for getting me this far - https://stackoverflow.com/a/24571800/2460995 The custom file picker is…
SigmaSteve
  • 664
  • 6
  • 25
16
votes
10 answers

TinyMCE 4 and 100% Height Within Containing Element

I am in the process of migrating from TinyMCE 3 to 4. However, I am getting stuck at making TinyMCE fill its 100% height container (it does work with TinyMCE 3). Please note this fiddle: http://jsfiddle.net/MLJaN/ I used the CSS below to try and set…
JDR
  • 1,094
  • 1
  • 11
  • 31
16
votes
4 answers

How to Make TinyMCE's modal dialogs Responsive?

I'm working with TinyMCE4 on a responsive CMS using Bootstrap 3. I've noticed that the dialog/modals aren't responsive in TinyMCE4 which is a bit of a bummer. I started writing some simple CSS classes to override the fixed widths, but there appears…
David
  • 4,717
  • 8
  • 35
  • 46
15
votes
2 answers

How to configure tinymceOptions from angular-ui/ui-tinymce

I have decided to use ui-tinymce(angular version of tinymce) for my blog. But I cannot find the documentation for the same. Will appreciate any resource or any suggestion on configuring tinymceOptions. This is the git link -…
Abhishek Prakash
  • 201
  • 1
  • 3
  • 11
14
votes
3 answers

TinyMCE 4 How change font-size styles?

I would like add change font-style for text; For it I use this script: tinymce.init({ selector: selector_id, theme: "modern", theme_modern_font_sizes:…
user2881809
1
2 3
87 88