Wordpress - Insert html / text in the editor

Question

I am making a Vimeo Upload plugin for Wordpress, so that you can upload directly from wordpress onto Vimeo and embed it directly. Anyways i think i have the hardest part done and that was the authentication (bad examples where there).

Now I have another problem. In Wordpress you can embed images in the rich text editor through pressing on a button in the popup. ( http://cl.ly/6Xns ) ('Invoegen in bericht' button in dutch).

Now I want to do the same thing, insert 'some tekst' (a url is enough) into the rich text area when someone clicks on my 'invoegen' button ( http://cl.ly/6Wmn ) how can I achieve this?

I can't find any javascript documentation on the Wordpress site. Hoping someone can help. I thought, lets look how the other button does it, but the inspector does not show any 'onclicks' and such on that button. Those are hooked on the fly and I don't know where in the code to look for that.

Hoping someone can help me out.

Kind regards.

Answer your own question in the answer box below and hit accept. Otherwise, your question will remain open forever! — bpeterson76
– bpeterson76, Commented May 16, 2011 at 19:45
Also to note, do you know Wordpress supports Oembed, so the user just pastes a Vimeo URL into the content area, and it will be converted to an embed code. — addedlovely
– addedlovely, Commented May 23, 2011 at 6:07

Matthijn · Accepted Answer · 2011-09-25 12:37:31Z

7

Fixed it myself.

function appendText(text) {
//Insert content
parent.tinyMCE.activeEditor.setContent(parent.tinyMCE.activeEditor.getContent() + text);
//Close window
parent.jQuery("#TB_closeWindowButton").click();
}

answered Sep 25, 2011 at 12:37

Matthijn

3,24410 gold badges49 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ardee Aram Over a year ago

Great. Just an addition: the javascript object "tinymce" seems to be a global variable, and is readily available. So my code works when I do this:

$('#insert-button').click(function() 	{  		tinymce.activeEditor.setContent(tinyMCE.activeEditor.getContent() + 'text inserted! '); 	});

Community · Accepted Answer · 2017-05-23 12:25:36Z

1

For those of you who want to add the text at the current cursor location, you can make use of the mceInsertContent function (built-in TinyMCE function).

A quick example would be:

function addTextIntoEditor(myText){
    tinymce.activeEditor.execCommand('mceInsertContent', false, myText);
}

This is based on Magus's answer located here

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Feb 9, 2017 at 8:45

Frits

7,64410 gold badges48 silver badges66 bronze badges

Collectives™ on Stack Overflow

Wordpress - Insert html / text in the editor

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related