TinyMCE Forum - Tips, Tricks & HowTo's

Table properties in 4.0b3

dummy@example.com (paulanthony1000) — Wed, 22 May 2013 01:15:23 +0000

I'm probably missing something obvious here, but it appears to me that in 4.0b3 the only way to specify a background color for a cell, row, or table is to edit the source HTML. In previous versions, this was possible with the help of the Advanced panel of a Properties dialog. What's the current equivalent? Or if there isn't one, I'd like to put in an ardent plea for such a capability to be reinstated.

Thanks for a wonderful, really useful product.

... Ed

Movable,but not editable block ( 4.0b3 )

dummy@example.com (carneyj) — Tue, 21 May 2013 20:25:21 +0000

What I am trying to create is a movable block ( div ) that is not editable.
I have written a few plugins for TinyMCE 4.0b3 already , but this one I can not get to work the way I wish it too.

I did use the noneditable plugin , with a specific noneditable_noneditable_class for reference 'snippet'.

Now the idea is as follows:
If I click on the div with the class of snippet I should be able to move it to anywhere on the TinyMCE editor I wish this snippet to reside.

In real life:
I click it and drag it and sometimes it loses it's noneditable div and the snippet can be alter ( causes a slight problem because now we have a partially duplicated snippet ).

Also in chrome the div comes along ,but also leaves an artifact of the old div there so now we have 2 noneditable divs on the same TinyMCE instance ( 1 correct, 1 empty ).

1) Has anyone try something like this?
2) Any suggestions on how to accomplish something like this?

TinyMCE 4.0b3 Display problem at Firefox 21.0

dummy@example.com (Aluten) — Tue, 21 May 2013 18:34:00 +0000

Hello,
i have a Problem with TinyMCE.

At first i create a page with TinyMCE. The source Code of this page is this:

Test

So... if i'll open the page with the Internet Explorer everything is okay, but at the firefox i can't see anything.

Maybe, somebody can help me!
Thank you

IE8 not loading fonts in TinyMCE 4.0b3

dummy@example.com (jerry2) — Tue, 21 May 2013 13:37:06 +0000

I have a problem because my IE8 is stuck in downloading the fonts it seems. I have set the eof and other fonts extensions as follows:

What do I have to do to have fonts working?

Enable save button

dummy@example.com (Trandel) — Tue, 21 May 2013 13:09:44 +0000

Is it possible to have the save button always enabled? Not to wait for any changes.

howto style a bullet list?

dummy@example.com (stefanw) — Tue, 21 May 2013 11:59:58 +0000

We got the problem that we need to be able to style a bullet list in our editor using styles.

Because of the fact that putting a bullet list into a paragraph will result in non-valid html, we are looking for another mean to style it.

Is there a way to use the pstyle dropdown in the toolbar to apply a style to the ul element?
(analog the asignment of styles to paragraphs)

[MCE4] PluginManager - add function - editor not updated

dummy@example.com (cclaerhout) — Tue, 21 May 2013 11:21:56 +0000

The following message has already been posted in the tracker (ref). I put it also here so that the reply can be shared.

Description of the problem:
I'm not sure this can be easily tested (requires two editors on the same page) but here are the steps to reproduce the problems.

Steps to reproduce:
1.Create a plugin with this code:

tinymce.PluginManager.add('test', function(editor) {
    editor.on('focus', function(e) {
        console.log(editor.getBody());
    });

    //or (results will be the same)

    tinymce.activeEditor.on('focus', function(e) {
        console.log(tinymce.activeEditor.getBody());
    });
});

2. If not already done, open the first editor, click to focus
=> result correct

3. Open the second editor (I'm using an overlay), click to focus
=> result correct

4.Go back to the first editor, click to focus
=> give the result of the second editor, the editor must be re focused to display the correct result

5. Same thing if you try then with the second editor => need to be focus twice

Alternative method that works
If I use the tinymce "create" function like below, I don't have any problem:

    tinymce.create('tinymce.plugins.Test', {
        Test: function(ed) 
        {
            ed.on('focus', function(e) {
                console.log(ed.getBody());
            });
        }
    });

    tinymce.PluginManager.add('Test', tinymce.plugins.Test);

Question
Could you please just tell me if these results are normal or if it is a bug. Thank you.

Disabled buttons in Tinymce

dummy@example.com (spocke) — Tue, 21 May 2013 10:30:20 +0000

How do I disable a button in Tinymce4?

tinymce.activeEditor.controlManager.setDisabled('bold', true);

does not work

Can I use my own methods tinymce?
For example removeformat apply to DOM elements.

Tinymce CDN data sending

dummy@example.com (ashatrisk) — Tue, 21 May 2013 06:18:33 +0000

How to Send Data from tinymce Popup on one domain to tinymce editor on Different Domain using tinymce 4.0.

Any way to configure TinyMCE to use instead of ?

dummy@example.com (spocke) — Mon, 20 May 2013 20:44:44 +0000

I've looked at a lot of documentation about this but have so far been unsuccessful.
I'd like to configure TinyMCE to use tags for bolded text, and tags for italicized text. And please don't bother telling me about semantics, I understand that is meant to convey a different meaning semantically, which is precisely why I want to change this default behavior, because in most cases for my use the bold type is simply a visual emphasis and nothing more.
Thanks.

Thumbnail from PDF's first page

dummy@example.com (reinhard) — Mon, 20 May 2013 17:01:22 +0000

A while ago in 2010 there were "no plans to support" thumbnail-creation from pdf first pages.
Did this change?
Can someone give me a clue on how to implement this ?
Would someone say "me too" to ask for this feature?
Thank you!

textarea height

dummy@example.com (spocke) — Mon, 20 May 2013 15:25:25 +0000

Is it possible set set the textarea height to auto.

tinymce 4 and replicating the http:// prefix for links?

dummy@example.com (mbdtsmh) — Mon, 20 May 2013 09:14:42 +0000

I am wanting to implement the same solution as I have had in previous versions of tinymce where if an external link is entered in the link dialogue box a pop up appears that asks...
The URL you entered seems to an external link, do you want to add the required http:// prefix?
what's the best way of adding this functionality in version 4?

Upgrading from v2

dummy@example.com (Anakowi) — Mon, 20 May 2013 08:25:54 +0000

Hello :-)
5 years ago and friend and I built a really basic CMS - still used by a few people. We added tinyMCE v2 - config as follows (We added various Theme options, user CSS...)
ANYWAY - recently I've had some renewed user interest in my project and discovered an intermittent minor glitch, which led me to tinymce.com and NOW I'm wondering should I upgrade to v4 or 3 or stay with 2?
Would I need to change the page structure of my app? It's basically still XHTML-4 and CSS2.
Happy to supply more info... not sure where to start. Don't want to bog down in unnecessary detail and bore anyone.
Thanks in advance.

Display TinyMCE 4.x inside a jQueryTools overlay with a Gecko browser

dummy@example.com (cclaerhout) — Mon, 20 May 2013 05:07:08 +0000

I already had a problem with TinyMCE > 3.4.x to display the editor inside a jQueryTools overlay with a Gecko browser: the iframe content was not editable (ref). The same problem occurs with the 4.x branch.
Here is a quick fix that doesn't require any core files edit. You just need to do a small plugin and use the below code:
/*** * Fix for jQueryTools overlay with Gecko browser ***/ editor.on('postrender', function(e) { var doc = editor.getDoc(); if (!tinymce.isIE) { try { if (!editor.settings.readonly) doc.designMode = 'On'; } catch (ex) { // Will fail on Gecko if the editor is placed in an hidden container element // The design mode will be set ones the editor is focused } } });