TinyMCE 4 ,5 and 6 plugin Youtube search and insert icon

TinyMCE 4 ,5 and 6 plugin Youtube search and insert

Go to Website
Hot or Not
TinyMCE 4 ,5 and 6 plugin Youtube search and insert

Description

TinyMCE 4/5/6 plugin Youtube (V3 API) search and insert

A drag and drop plugin for tinyMCE 4/5/6 WYSIWYG editor.
( Build with Bootstrap version 3 build 2 )

Search for youtube video’s, autocomplete suggestions, see a preview and insert into the tinyMCE 4/5/6 WYSIWYG editor
You can select some params like width, height, red or white version.
A great way for editors to insert youtube video’s into content pages.

The normal insert is an iframe but for programmers it is easy to make your own code to insert and replace it on the server side
Included is an image placeholder as an example, the normal iframe html5 embed and a ubb markup

If you want some jquery or php solution for the image placeholder look at the Support Tab

Key Features:

  • Look and feel like it is a native plugin
  • Easy to make your own markup
  • Drag and drop in the plugin directory
  • Youtube search suggestions
  • Your editors will love it
  • Multi language
  • Don’t leave the editor to insert youtube video’s

Requirements

tinyMCE 4/5/6

API

This plugin uses my google V3 API key for the demo. The best thing you can do to take some control over this is get your own Google V3 API key. Get it here You can then set your key in tinymce/plugins/youtube/js/youtube.js

Changelog

Fix for single quotes (sept 2 2019)
3.0 Updated, so it can be used with the latest TinyMCE 5, 6 and the older version TinyMCE  4 (apr 28 2019)
2.0 Complete update to use the latest V3 API. Added a new youtube wrapper. It also checks if a lang file exist, if not it will use the default english lang (aug 15 2014)
1.5 Added modernizr for touch support and added option to set the sliders true or false  (nov 19 2013)
Replaced width and height for jquery sliders (16/9) (nov 05 2013)
Fixed unicode german lang file (oct 30 2013)
1.4 Added multi language support. You can use lang files to set the language. So you can now use it in a multi language cms.
Added English, Dutch and German as an example. (oct 27 2013)
1.3 Fixed small js problem with search onclick FF and Chrome and the load more (oct 16 2013)
Added insert/close and insert button and updated css background (sep 28 2013)
1.2 (sep 8 2013)
1.1 (sep 6 2013) small fixes
1.0 (sep 1 2013)

NB

You need to write your own replacement script for saving the data !
If someone is interest I have an example how to save the image placeholder with php (preg_replace).
This is not a WP plugin but a plugin for the new tinyMCE 4 version.

Also checkout my other TinyMCE 4 plugin ‘search for Flickr images’
Authorceasar
Price$8
Sales409
Rating4.57 (23)
PublishedSep 5, 2013
Last UpdateMay 22, 2022
Compatible BrowsersIE9, IE10, IE11, Firefox, Safari, Opera, Chrome, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
Demo Urlhttps://www.cfcms.nl/tinymce-youtube/index.html
High ResolutionNo
Source Files IncludedJavaScript JS, JavaScript JSON, HTML, CSS, JavaScript JS, JavaScript JSON, HTML, CSS, .jpg/.jpeg
Video Preview Resolution1280x720

Categories

Plugins

Tags

autocompleteeditorplugintinymce 4tinymce 5tinymce 6wysiwygyoutube

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit