I'm using tinymce 3.5.8 version. In IE8 when i am adding the big images the resize handler comes out of the editor.please help me.
Had the same problem. The solution is to set the unselectable attribute to images.
I do this on image insertion and editor init:
$(ed.getBody()).find('img').attr('unselectable', 'on');
Before saving my content to db i remove the attribute.
Related
When I add an image to TinyMCE the image gets added ok, but it is severely cut off in editing view until you manually expand the editing window by dragging the bottom-right.
Is there a way to get TinyMCE to automatically expand as needed when adding images?
Thanks.
I found the autoresize plugin docs and tried it and it works for my purpose now, because when editing the area initializes to show the entire content. I see there are other options for this as well here: https://www.tiny.cloud/docs/plugins/opensource
I've been searching around (both on SO and around the web) to try to figure out how I can get the current height of the editor after the user has resized it. The TinyMCE 4.x docs don't show any kind of resizing event. When searching around I did come across the ResizeEditor event but that seems to apply only when objects within the editor are resized (which makes it seem like a poorly named event). Despite that, I tried to listen to the ResizeEditor event just to see and it does appear to fire whenever I resize the editor (though, I'm unsure if that's because the actual editor is resizing or because elements within the editor are getting resized, too. In any case, only the event object is passed in as an argument to the listener and I don't see any way to get the editor's current height (after the resize) from that event.
So, is there a way I can do this? To listen to the editor being resized and get its height?
thnx,
Christoph
You should be able to get the entire height of the editor (Menus, Toolbars, StatusBar, content area, etc) with code like this:
tinyMCE.activeEditor.getContainer().clientHeight
tinyMCE.activeEditor.getContainer().clientWidth
When you call tinyMCE.activeEditor.getContainer() you are getting the outermost div that contains all that makes up TinyMCE. From there it is just standard JavaScript to get the relevant dimensions of that element.
Here is an example: http://fiddle.tinymce.com/qigaab/18
i am using tabbed content inside the lightbox.
When a tab is clicked and the content dimension differs, the lightbox is resized.
How can i prevenis behaviour?
The size of the lightbox should not change after initial load?
Regards, Robert
It's not officially supported.
I think the following would work though:
delete $.Featherlight._callbackChain.onResize;
I would like to be able to save the contents of a decorator panel into some sort of image format. Does anyone have an ideas of how i could either take a screen shot and save it or some how export a panel to an imae format?
Try using html2canvas. GWT Panel is just a html element with some javascript to handle the layout.
You can find html2canvas here: http://html2canvas.hertzen.com/
I have a UIWebview that I am loading with custom HTML using loadHtmlString. My HTML has a link that I intercept when tapped so that I can take control and reload the UIWebview with a different HTML string. The code works, but the area where the link text was located is replaced with a gray rectangle that is visible when the new string is loaded.
What could be going on here? How can I get rid of this behavior?
//Scott
Here it is...need to add this style statement to the link reference:
<a href=http://yourlink.com/ style = "-webkit-tap-highlight-color:rgba(0,0,0,0);">
Setting the alpha value (the last parameter to rgba) to 0 disables the tap highlight color.
Although this works, it feels like a hack. I really think the tap highlight should clear itself when my second loadHtmlString reloads new HTML code.
//Scott
You could add onclick="this.blur(); location.href=this.href;" to the link to remove the focus from the link.
I'm sure there's a better less hackish way, but this should work