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

Getting the TinyMCE 4 Font Sizes drop down to set the font size in px instead of pt

Does anyone see a way to make the TinyMCE 4 Font Sizes drop down offer font sizes in px instead of pt? Thanks
Steve
  • 4,534
  • 9
  • 52
  • 110
13
votes
4 answers

how to make tinymce 4 toolbar external and always visible?

I have this settings for tinyMCE: tinymceOptions = { inline: true, resize: false, plugins: "textcolor", selector: "div.editing", toolbar: "forecolor backcolor", fixed_toolbar_container: ".my-toolbar" } and that worked as I it should be,…
Yahya KACEM
  • 2,481
  • 7
  • 34
  • 61
13
votes
5 answers

TinyMCE 4 theme_advanced_fonts

I'm trying to add custom font family in TinyMCE Editor version 4.0b1 and keep failing. All default fonts show, custom fonts like 'Century Gothic' or 'Gill Sans MT' are not showing. Is theme_advanced_fonts not working in TinyMCE 4? I can't find any…
v1n_vampire
  • 1,575
  • 3
  • 13
  • 21
12
votes
1 answer

Proper Way Of Modifying Toolbar After Init in TinyMCE

I am extending a cloud-hosted LMS with javascript. Therefore, we can add javascript to the page, but cannot modify the vendor javascript for different components. The LMS uses tinyMCE frequently. The goal is to add a new button on to the toolbar of…
aaronofleonard
  • 2,546
  • 17
  • 23
12
votes
5 answers

TinyMCE color picker dropdown appears off-screen

This is an issue on Firefox and IE so far that I've tested; the problem does not exist on Chrome. I'm including two TinyMCE editors on a page with one partially off-screen to start. When I select the color picker dropdown option from the toolbar on…
Luke Shaheen
  • 4,262
  • 12
  • 52
  • 82
12
votes
2 answers

Insert an image into a tinymce editor

I have a tinymce text box on my html page. Under this text box I have a table with my file system in which I can navigate to locate my images. I would like to be able to click on an image in this table and have it inserted in the timymce text box.…
Baz
  • 12,713
  • 38
  • 145
  • 268
12
votes
7 answers

How do I set content in TinyMCE 4, preferably within the $(document).ready(); block?

As the title says, I've looked up the official documentation but it ain't working; here's my JavaScript (utilizing jQuery) code: $(document).ready(function() { tinymce.init({ element_format: "html", schema: "html4", …
高科技黑手
  • 1,252
  • 2
  • 12
  • 20
11
votes
5 answers

TinyMCE: How do I prevent `
` text in editor?

I have a page with several TinyMCE (v4) editors, which all work great ... until I try and add: inline: true to their configuration. When I do that the inline-ing part works great (the toolbar is gone, then appears when I focus the editor), but for…
machineghost
  • 33,529
  • 30
  • 159
  • 234
10
votes
0 answers

How can i hide General tab on media plugin, tinymce

I'm trying to use only embedded code to show videos and disable video upload option from tinymce media plugin. So i need to hide "General" tab on the media dialog. I saw a similar question is asked in tinymce also but unanswered. Is there someone…
Damitha
  • 662
  • 5
  • 7
10
votes
3 answers

How do I add toolbar buttons to a custom tinymce dropdown menu?

I've created a custom dropdown in tinymce like this: tinymce.init({ toolbar: "alignment", setup: function(editor) { editor.addButton('alignment', { type: 'menubutton', text: 'Alignment', icon:…
CafeHey
  • 5,699
  • 19
  • 82
  • 145
10
votes
1 answer

Add custom text color WordPress 3.9 TinyMCE 4 Visual editor

I had a code snippet which would help me to add some custom color to the visual editor text color dropdown along with the default colors. I'm pasting the snippet below. function change_mce_options( $init ) { $default_colours =…
iSaumya
  • 1,503
  • 5
  • 21
  • 50
10
votes
2 answers

How to start TinyMCE 4 in full screen mode?

Is there a way to start TinyMCE 4 in full screen mode? I just upgraded from TinyMCE 3.x, but the way it was done in 3.x does not seem to work in 4.x:
Daniel Hedberg
  • 5,677
  • 4
  • 36
  • 61
10
votes
3 answers

Customize tinymce 4.0.5 styleselect toolbar menu

I'm trying to customize the default styleselect toolbar menu so I can add to it a custom menu element. The idea is to place font size as a styleselect submenu: I initialized a TinyMCE 4.0.5 in the following way: tinymce.init( { language_url :…
peris
  • 943
  • 3
  • 20
  • 33
10
votes
1 answer

TinyMCE Advanced theme - Where is it?

I am in the process of creating a drop down list with contains a list of classes so my users can apply them to link, paragraphs etc. I have read in a lot of places now that the advanced theme supports this out of the box but I can't find out where…
webnoob
  • 15,747
  • 13
  • 83
  • 165
9
votes
1 answer

Tinymce adding file picker button for adding links

I wanted to add a trigger button to upload image as a data. So I added the following piece of code tinymce.init({ selector:…
Abhijith Nagaraja
  • 3,370
  • 6
  • 27
  • 55
1
2
3
87 88