tinymce-4

Why TinyMCE get focus and blur event, when user jump from other input field?

由 不羁岁月 提交于 2019-12-01 04:36:27
问题 Im have a title input field and an tinymce4 textarea. In the tinymce init i defined blur and focus event listeners (coffescript). tinymce.init( $.extend {}, tinyMceDefaultConfig, editor_selector:"tinymce-question" setup: (editor) -> editor .on 'init', (e)..... .on 'focus', -> console.log('focus') .on 'blur', -> console.log('blur') When i go into the tinymce textarea field, it fire only focus event. Works fine. But when i go from the title input field to the tinymce (with mouse event), it fire

Joomla 3 can't add <script> to article

由 时光总嘲笑我的痴心妄想 提交于 2019-11-30 20:22:32
Joomla version: Joomla! 3.3.6 Stable [ Ember ] 01-October-2014 02:00 GMT I want add js script to one my article. I'm using TinyMCE editor to edit article. In TinyMCE plugin field Prohibited Elements I filled with dummy text, now it contains "cms123", I removed "script,applet,iframe". I checked Global Configurations -> Text Filters for Super Users I have set it "No Filtering". But when I'm trying to save my article with js code, joomla removes my tags <script> from my article, also I checked with <iframe> , joomla replaced this tag with <i-frame> tag... I'm really confused, I can't understand

TinyMCE 4.2 - Get the new (core) Image Tools to save (API) edited images as files?

由 淺唱寂寞╮ 提交于 2019-11-30 16:20:07
I am sorry if this is a duplicate. I haven't found any question related to this yet: The new TinyMCE 4.2 Image Tools saves images as base64 data in stead of image files in a directory. In the newly released TinyMCE 4.2 there is a NEW inline image editor (Ref: Image Tools) that works well. But it saves the image inside the HTML as a base64 data : <img src="data:image/jpeg;base64 (...)"> in stead of uploading the image file to a specific folder and then use a regular image referance / path. I must get it to save the images as regular files, or else I get a problem on another page in the CMS. (+

React HTML Editor (TinyMce)

由 ぐ巨炮叔叔 提交于 2019-11-30 08:32:53
问题 I was searching for an HTML Editor for React, but since I found nothing that works fine (I just need to format Text h1, h2, h3, p, bold and images [in base64]) At the end I decided to use Tiny Mce, which works fine. But only when the page gets opened for the first time. If I get to that page again. Without a browser relaod, then tinymce is not initialized. Do you know what react event will be triggered in such a situation. Here is my little wrapper so far: /** @jsx React.DOM */ var React =

Joomla 3 can't add <script> to article

由 こ雲淡風輕ζ 提交于 2019-11-30 04:47:57
问题 Joomla version: Joomla! 3.3.6 Stable [ Ember ] 01-October-2014 02:00 GMT I want add js script to one my article. I'm using TinyMCE editor to edit article. In TinyMCE plugin field Prohibited Elements I filled with dummy text, now it contains "cms123", I removed "script,applet,iframe". I checked Global Configurations -> Text Filters for Super Users I have set it "No Filtering". But when I'm trying to save my article with js code, joomla removes my tags <script> from my article, also I checked

TinyMCE 4.2 - Get the new (core) Image Tools to save (API) edited images as files?

由 六眼飞鱼酱① 提交于 2019-11-29 22:55:22
问题 I am sorry if this is a duplicate. I haven't found any question related to this yet: The new TinyMCE 4.2 Image Tools saves images as base64 data in stead of image files in a directory. In the newly released TinyMCE 4.2 there is a NEW inline image editor (Ref: Image Tools) that works well. But it saves the image inside the HTML as a base64 data : <img src="data:image/jpeg;base64 (...)"> in stead of uploading the image file to a specific folder and then use a regular image referance / path. I

TinyMCE API v4 windowManager.open - What widgets can I configure for the body option?

由 非 Y 不嫁゛ 提交于 2019-11-29 19:06:05
I would like to fill the body of a modal dialog with custom HTML, generated by Javascript. The documentation for this method is mostly empty. I have only found examples for loading an external file or adding a textbox . Is there a documentation for the available types? More specifically, is there a type to add general markup to the body of a dialog from a Javascript variable? After I beautified the minified version of tinymce, i found that these may be some of the body types for windowManager.open. I'm not sure how to use them all, as all this info was gathered through trial and fail. Since

initialize tinymce with content

由 余生颓废 提交于 2019-11-29 13:53:35
I have a page containing one tinymce4 editor instance. I want to initialize this editor with some content, programmatically. I know that I have to call: tinymce.get('editor').setContent('my content'); However I have trouble to do this when tinymce is getting initialized. This question has already been asked: initialize tinyMCE with default content but the answer that was given at that time is not working, at least for tinymce4. Here is what I have tried: 1st attempt: tinymce.init({ mode: "textareas", ... setup: function (editor) { ... editor.setContent('my content'); } }); -> Uncaught

TinyMCE4 file_picker_callback - return additional params

由 流过昼夜 提交于 2019-11-29 11:40:06
问题 I am using my own custom file picker with TinyMCE 4's new file_picker_callback function. The documentation on this isn't great, so credit goes to Fred for getting me this far - https://stackoverflow.com/a/24571800/2460995 The custom file picker is working and when you click on an image it fills in the "Source" and also the "Dimensions". I'm just wondering if there is any way to automatically fill in the "Image description" field as well. The information for the images is generated from a

Add an input element of type=file in tinymce container

由 雨燕双飞 提交于 2019-11-29 07:04:52
I am trying to extend a tinymce pluggin and need to add an input element of type=file. (I am new to such an exercise so please pardon my ignorance.. Also could not find examples/samples to work with..) It seems you can do the following to show elements to a container that opens in a panel : var generalFormItems = [ {name: 'alt', type: 'textbox', label: 'Image description'}, {name: 'width', type: 'textbox', maxLength: 3, size: 3, onchange: recalcSize}, ]; win = editor.windowManager.open({ title: 'Insert/edit image', data: data, bodyType: 'tabpanel', body: [ { title: 'General', type: 'form',
订阅 tinymce-4