I've created a new plugin that opens an URL in dialogue box (url dialogue box using openUrl) but the problem is this dialogue box is fixed position, not draggable. In previous version 4.8.1
all the dialogue boxes were draggable/movable. I need the same behavior, anyone has any idea how can I make dialogue box draggable?
I just found a new property to make all the modal dialogs draggable. Use the draggable_modal option to enable dragging for modal dialogs.
Code Example:
tinymce.init({
selector: 'textarea', // change this value according to your HTML
draggable_modal: true
});
Reference:
https://www.tiny.cloud/docs/configure/editor-appearance/#draggable_modal
Related
I want to access the buttons of the dialog box which come up after clicking on insert/edit link button plugin in tinyMCE.
I want to add a custom save function to it. Is there any way to access those buttons?
I have tried to find a way in documentation, but no luck
I need to display popup on disabled link click in ADF. As soon as I click on disabled link or button. Popup should be displayed. I tried with Action and ActionListner. But it will work, if button or link is enabled.
I can give shortDesc property to hover the text. But I am searching a way for getting a popup on click.
I surfed so many places. But I could not find it. Please suggest me some input on it.
Try to add another link and add a css to make it like a disabled link.
Or on the show popupbehaviour make the triger type = hover
I'm trying to implement a button outside of the TinyMce editor, that would add text to the active editor upon clicking.
How can I do this?
(For example: There's a button on my website that should add "Test" into the editor, but it doesn't).
Thanks for help :)
Add this code to the onClick of your button:
// the editor id is the same id of your textarea, default "content" in case your textarea does not have an id
tinymce.get('your_editor_id').execCommand('mceInsertContent', false, "Test");
In case you have one single editor on your page you may also use tinymce.activeEditor instead of tinymce.get('your_editor_id').
I have a website that you can insert an image onto. I use tinymce for the editor and the insert image function works great.
However I can't find a way for the user to be able to click on the image and see a full size version of it.
I'd like it to popup in a dialog on the page and not open in another window.
Is this a function that is available within tinymce or is it something I need to code in?
This is a function that is avaiable. You can use tinymce popups. Be aware that you need to add inlinepopups to the plugins and 'dialog_type: "modal",' to your tinymce init.
As example of how to use a tinymce popup you might want to have a look at the searchreplace plugin code in the plugins directory which uses a tinymce popup.
I have doubt regarding GWT .In Gwt if i click one button than it shows one dialog box at th same time the form outside the dialog box disabled.What component can be used for this task?
Thanks in advance
So, you want to open a popup dialog box, and at the same time disable the rest of the page until the user closes the dialog box?
If so, you can simply use gwt's DialogBox.
Use the constructor with the autohide flag set to false, and the box will not close until the user responds, thus disabling the rest of the page. If you want to make this even more clear, use the glass effect:
yourBox.setGlassEnabled(true);
You can also use the PopupPanel directly and build your own custom dialog box.
Now, if I got it wrong and you want to disable the form so it remains disabled after the popup, just disable it in the onClick handler of the button that opens the box.