Using TinyMCE 4.1.5 under JS (w / JQuery 1.11.1 and several JQuery plugins like form and ui). The version of TinyMCE that I use is not part of the built-in jQuery.
The editor is suitable, and I can easily print directly in it. Using only plugins provided by tinymce, all functions that use buttons or non-text fields work fine.
However, the text fields in the plugins (for example, in a channel or insert a video) will not allow me to type in or select other text fields (so this seems like a focus problem).
There is a fiddle at http://fiddle.tinymce.com/bzeaab/16 , and here in the application there is a more specific initialization code:
var _clear_css_cache;
_clear_css_cache = '/javascripts/canonical/tinymce/skins/lightgray/' +
'content.min.css?' +
new Date().getTime();
var _toolbar_1, _toolbar_2;
_toolbar_1 = 'formatselect, |, ' +
'bold, italic, underline, strikethrough, ' +
'subscript, superscript, |,' +
'outdent, indent, blockquote, |,' +
'alignleft, aligncenter, alignright, alignjustify';
_toolbar_2 = 'bullist, numlist, table, charmap, emoticons |,' +
'link, unlink, |,' +
'image, media, |,' +
'code, preview |,' +
'pasteword, print |,' +
'undo, redo,';
var _contextmenu;
_contextmenu = 'link image inserttable | ' +
'cell row column deletetable';
tinymce.init({
selector: 'textarea.tinymce',
toolbar: [_toolbar_1, _toolbar_2],
plugins: [
'advlist autolink autosave code charmap contextmenu emoticons image',
'lists link media paste preview print table'
],
contextmenu: _contextmenu,
theme: 'modern',
content_css: _clear_css_cache,
menubar: false,
statusbar: false,
convert_urls: false,
relative_urls: false,
invalid_elements: 'script'
});
div ( 'textarea.tinymce'), :
function do_wysiwyg(_div) {
tinymce.execCommand('mceAddEditor', true, $(_div).attr('id'));
});
BrowserStack, , .
tinymce blockui.
? .
(10/7/2014). , z-, . tinymce, , / tinymce.
2 (10/7/2014): : http://fiddle.tinymce.com/bzeaab/16. BlockUI! , BlockUI.