Does TinyMCE image insert plugin have a way to see thumbnail preview? - image

I currently have tinymce 4.9.4.
It has a image insert plugin that allows me to load a local list of images and select from them with a dropdown. The dropdown isn't very usable as it shows no thumbnails or previews of the image that will be inserted, only the name.
Some people are saying there is an option that enables this but i can't find the documentation.
https://community.tiny.cloud/communityQuestion?id=90661000000MrkqAAC
Another option would be to find a different image insert plugin but having trouble finding one that isn't subscription based.

Related

selecting multiple files in CKFinder 3 integrated on CKEditor

I'm using CKFinder 3 integration with CKEditor. Now, I want to select multiple files on the CKFinder window and want them to get added on the CKEditor link dialog.
Currently, even if I'm selecting multiple files, only one file is getting added.
Can anyone know how to achieve this functionality?
First problem is the CKFinder which by default sends only a single URL to the CKEditor. You would need to try changing this behavior using below two events:
https://docs.ckeditor.com/ckfinder/ckfinder3/#!/api/CKFinder.Application-event-files_choose
https://docs.ckeditor.com/ckfinder/ckfinder3/#!/api/CKFinder.Application-event-file_choose_resizedImage
Another problem is CKEditor. Whenever you select an image or a file in CKFinder a corresponding link (anchor tag) or image (img tag) is being created and inserted into CKEditor. Both link and image plugins support single insertion so you would need to write new plugins which insert multiple links and images.
This is a lot of custom coding.

Combining ImageCropper with MediaPicker in Umbraco 7

As requested in this thread on our.umbraco, i want to create a new property editor, that allows for the content editor to select an image both from their local hard-drive and the media archive, to then be cropped right in the content section. Basically combining two already existing property editors.
This image gives a general idea about what i want to achieve:
http://i.imgur.com/DAqyKeT.png
Right now it is possible to use the image cropper on the images in the media section, but it would be more user friendly to have this functionality in the content section.
I am quite new to Umbraco and creating custom property editors, but I would like to know if this is possible.

Umbraco - how to insert clickable images into page?

I am a beginner with Umbraco. I am able to upload images to the Media Library and then put them onto the page, but for my sidebars I want the images to be clickable links to other parts of my site and other sites.
At the moment I am using the Rich Text Editor to write an anchor tag etc. but this seems ridiculous and I don't want content authors [attempting to be] writing HTML.
It seems like there should be a built-in data type for this, or a property on the image but I see nothing. Do I need to write my own Razor code as a DataType? This seems like such a common thing that I'm surprised there is not a built-in solution.
I'm using 7.2.8
If you're already using the RTE, you can just select the image and click the Link button, then whatever you have selected (in this case the image) should become a link. No need to make your own HTML :-)

How to change hyperlinks of images in Work Item in TFS

Image can be inserted into Details section of Work Item in TFS using Insert Image button. Is it possible to change final hyperlink to image ?
Issue is that we are using VPN in order to access TFS and hyperlinks to images do not have the full path with the domain that we need to see it directly in the WI itself.
If is possible to do some configuration changes for this ?
For the local image, now within TFS under the "History" tab where you're inserting your image. It will automatically displays as an image directly. PS: I'm using VS2015
For the online image, it's impossible now. You can only view the hyperlinks or save it as local then update it. Please refer this user voice: https://visualstudio.uservoice.com/forums/330519-team-services/suggestions/2037677-copy-and-paste-screenshots-into-work-items

How to select icon from an image file

Basically in many web frameworks and templates such as jquery UI they provide an image file which contains all the icons used in a framework. What I need is to select particular icon from this image file(framework uses it for its own widgets), how to do that? I know the benefits behind putting icons in a single image file, but not the technique to retrieve them.

Resources