Tinymce change target path of insert/edit image icon - image

In TyniMce when select the text and right click there is inser/edit Image option is there on click on that how can i open my own aspx page not TynyMce ImageEdit.html page.

You can crete your own contextmenu (and open it on right click) using an own plugin.
The tinymce contextmenu plugin should be worth a look at. If you want to develope your own contextmenu plugin have a look at the source code.

Related

Open Source dialog directly by clicking custom button

I use CKEDITOR and need to open Source Dialog only, without toolbar and button Source. I want to click button in separate place and show dialog to user. Searching in docs doesnt give any result. Can you suggest me something?

How do I add an image with a link to my home page in Umbraco?

I'm new to Umbraco and I need to know how to insert an image with a link/url?
For example -->
<img src="/map/image.png"/>
UPDATE:
Below is a screenshot which doesn't show any button to insert an image.
In the editor? Just insert the image, then select it and click the link button.
In Umbraco 7, using the grid, you have to go to Developer section and locate the datatype(s) used for the grid property you are using. There should be an option to customize the rich text editor buttons somewhere in there.

CKEDITOR Image Properties Browse Button

I have found a neat plugin for CKEDITOR called bgimage that allows a user to select a section of text and wrap said text within div and apply the background image style attribute (Background Image plugin should use Selected Text.).
I was wondering how can I replace the Image URL with Image Browse button as found within Image Properties?
Do I need to add an additional button to the vbox then make the necessary connections between FileBrowser and the associated Button? (I can't seem to find the relevant Developer Docs, regarding this problem).
The complete documentation for adding the file browser to your dialog is actually available here: Adding File Manager to a Dialog Window.

How to display CKEditor generate code properly?

When I edit the content in CKeditor, it looks well. but when I display the data on html page. the layout are reset by other css file. How to avoid this? Is it possible to disable show the content in CKeditor without toolbar?
The content.css solve my problem. Add the style to content.css .
ck editor is highly customizable. Go to your CKEditor Directory ckeditor\samples\index.html
Open this file
Click on ToolBar Configurator Button on top right Corner.
Switch to advanced mode. At top right corner there is a switch, toggle it to advanced mode.
Then build your toolbar.
Now click on 'Get ToolBar Config' Button.
Select and Copy the Configuration and Paste it into foll file:
ckeditor/config.js
For CSS issue: Try loading and calling the replace function at end of your html Page.

CKEditor Browse Server Button

Looking for a very simple way to disable/remove the CKEditor "browse server" button when using the Link toolbar button without disabling the "browser server" button when using the Image toolbar button.
Why don't you go the other way round and just enable it only in the dialog windows where it's needed? There are dedicated configuration options for that, read more in the Adding File Manager Scripts for Selected Dialog Windows section of the documentation.
So, for example, to enable it just for the Image dialog window, use the config.filebrowserImageBrowseUrl and config.filebrowserImageUploadUrl properties, like in the example below:
CKEDITOR.replace( 'editor1', {
filebrowserImageBrowseUrl: '/browser/browse.php?type=Images',
filebrowserImageUploadUrl: '/uploader/upload.php?type=Images'
});

Resources