tinymce-4

How to configure tinymceOptions from angular-ui/ui-tinymce

陌路散爱 提交于 2019-12-03 07:12:26
问题 I have decided to use ui-tinymce(angular version of tinymce) for my blog. But I cannot find the documentation for the same. Will appreciate any resource or any suggestion on configuring tinymceOptions. This is the git link - https://github.com/angular-ui/ui-tinymce 回答1: Assuming you have your angular app working and it is just a matter of configuring the editor, you can configure the editor with the same options that are documented for the non-angular, base TinyMce here: http://www.tinymce

How to configure tinymceOptions from angular-ui/ui-tinymce

荒凉一梦 提交于 2019-12-02 22:00:08
I have decided to use ui-tinymce(angular version of tinymce) for my blog. But I cannot find the documentation for the same. Will appreciate any resource or any suggestion on configuring tinymceOptions. This is the git link - https://github.com/angular-ui/ui-tinymce Assuming you have your angular app working and it is just a matter of configuring the editor, you can configure the editor with the same options that are documented for the non-angular, base TinyMce here: http://www.tinymce.com/wiki.php/configuration If you click on a specific option, you will see how you can configure non-angular

Is there open “Insert/Edit image” dialog event in Tinymce?

点点圈 提交于 2019-12-02 07:58:15
I need to get to know when the dialog has already been opened. But I didn't find any decent way for this. The only thing I found in the documentation is editor.on() but it doesn't work with the mceImage command and nothing is said about mceImage in the docs. And it supposed to fire before the dialog is shown. All that comes to my mind is to attach the 'click' event on the "Image" button and wait for the dialog through the timer but it wouldn't be a very decent solution. Any better ideas? TinyMCE does not currently fire an event when opening the image dialog. If you wanted to make it do so you

how to add tinymce listbox values in windowmanager

↘锁芯ラ 提交于 2019-12-01 16:08:39
I open up a windowmanager and add a textfield and listbox: editor.windowManager.open({ title: 'Insert caption', body: [ {type: 'textbox', name: 'text', label: 'text', 'multiline': 'true', 'minWidth': 450, 'minHeight': 100}, {type: 'listbox', name: 'align', label: 'align', 'values': ['pull-left','pull-right']} ], The listbox is displayed, but not the values. In the documentation ( http://www.tinymce.com/wiki.php/api4:class.tinymce.ui.ListBox ) it states: "Array with values to add to list box." What am I doing wrong? I found out while searching in the official TinyMCE plugins. So this is how it

how to add tinymce listbox values in windowmanager

梦想与她 提交于 2019-12-01 15:48:55
问题 I open up a windowmanager and add a textfield and listbox: editor.windowManager.open({ title: 'Insert caption', body: [ {type: 'textbox', name: 'text', label: 'text', 'multiline': 'true', 'minWidth': 450, 'minHeight': 100}, {type: 'listbox', name: 'align', label: 'align', 'values': ['pull-left','pull-right']} ], The listbox is displayed, but not the values. In the documentation (http://www.tinymce.com/wiki.php/api4:class.tinymce.ui.ListBox) it states: "Array with values to add to list box."

Overriding shortcut assignments in Tinymce

為{幸葍}努か 提交于 2019-12-01 10:39:31
I am using Tinymce in an application that displays an html document and allows the user to annotate it. I have created a number of plugins and attached my own shortcuts to it. I also created my own handlers for Bold, Italic and Underline by commenting out the assignments in the tinymce javascript and creating my own. However there are a few shortcuts that I can't seem to use. I am using the addShortcut call. For example, CTRL-O brings up a standard file open window no matter how I try to override it. I can assign CTRL-SHIFT-O and that works fine. I also want to be able to override the default

TinyMCE and Laravel 5.3 TokenMismatchException

≯℡__Kan透↙ 提交于 2019-12-01 08:21:28
I'm trying to implement TinyMCE image uploads, using Laravel 5.3 on the server side: here is my JS for TinyMCE, which is currently in a blade template: <script src="{{ URL::to("/tinymce/tinymce.min.js") }}"></script> <script> tinymce.init({ selector: 'textarea', plugins: [ "advlist autolink lists link image charmap print preview hr anchor pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", "insertdatetime media nonbreaking save table contextmenu directionality", "emoticons template paste textcolor colorpicker textpattern" ], toolbar: "insertfile undo redo |

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

左心房为你撑大大i 提交于 2019-12-01 07:36:22
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 focus and blur events. Why? Or how do I avoid this? UPDATE : Here an example. Is it a bug? When I

Tiny Mce Two way Binding with Angular 2/4

北慕城南 提交于 2019-12-01 06:12:14
问题 This is my tinymce.component.ts import { Component, OnDestroy, AfterViewInit, EventEmitter, Input, Output } from '@angular/core'; @Component({ selector: 'simple-tiny', template: `<textarea id="{{elementId}}"></textarea>` }) export class SimpleTinyComponent implements AfterViewInit, OnDestroy { @Input() elementId: String; @Output() onEditorKeyup = new EventEmitter<any>(); editor; ngAfterViewInit() { tinymce.init({ selector: '#' + this.elementId, plugins: ['link', 'paste', 'table'], skin_url:

TinyMCE and Laravel 5.3 TokenMismatchException

瘦欲@ 提交于 2019-12-01 05:56:18
问题 I'm trying to implement TinyMCE image uploads, using Laravel 5.3 on the server side: here is my JS for TinyMCE, which is currently in a blade template: <script src="{{ URL::to("/tinymce/tinymce.min.js") }}"></script> <script> tinymce.init({ selector: 'textarea', plugins: [ "advlist autolink lists link image charmap print preview hr anchor pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", "insertdatetime media nonbreaking save table contextmenu directionality",