How can I use TinyMCE editor only for image uploading? - javascript

I want to use TinyMCE editor only for image using also imagetools plugin to edit the image. Thus I need following options:
No editor field should be visible: only field like this(I can do the design )
Then after selecting image : user can edit/resize/etcjust like used in TinyMCE editor using imagetools plugin .
Actually How can I override TinyMCE editor and use ?
If there is any other work around beside TinyMCE or mentioned above Please reply with it also.
Thanks in advance.

Related

Is it possible in CkEditor or TinyMce to split the toolbar or menu bar from editor?

I am using rich text editor ckeditor in my website which works fine but i want this to look something like a text editor used by blogger like shown in the image below. how is it possible?
this is how i want it to be
CKEditor 4.x you have the sharedspace plugin which allows you anchoring editor toolbar in specified element and use it for all editors you have on your web page.
You can find a demo of sharedspace plugin with source code here: https://sdk.ckeditor.com/samples/sharedspace.html
About moving all toolbar items into a single line. Please open standard or full sample and play around with the Toolbar Configurator. If you remove row separators, you will get single line toolbar. Next you just need to copy the toolbar configuration and paste it into config.js (if you want to use it for all editors) or into editor instance configuration (if you want to use it for a single editor).
NOTE: The available space in that sample is too small to fit all the buttons in a single line but of course on your web page the available space may be wider.
You may be able to get something similar to this if you use TinyMCE's inline mode. https://www.tinymce.com/docs/get-started/use-tinymce-inline/
If you use the inline editing option for TinyMCE you can define a fixed location for its toolbar/menubar:
https://www.tinymce.com/docs/configure/editor-appearance/#fixed_toolbar_container
Based on your picture you can place it in a div that is located at the top of the page and it will appear there as opposed to "attached" the editor.

How to Change icon in TinyMCE openmanger file uploader plugin?

I'm using openmanger file uploader plugin for TinyMCE. Default icon for openmanager plugin look like this.
How can I change this icon and title(Files).???
Thank You,

TinyMCE - Make a url clickable

I'm working on a TinyMCE client request. In TinyMCE, a user inputs a url into the editor. (Let's say www.google.com). The user saves the input and "www.google.com" is rendered as plain text inside of a p tag. How can I make this url clickable? Our application is using TinyMCE version 3.5. I would very much appreciate some guidance here as I'm new to the inner workings of TinyMCE. Thank you.
If you've upgraded to TinyMCE 4, add plugins: "autolink" to your TinyMCE init function.
If not, http://www.tinymce.com/wiki.php/Plugin3x:autolink

Open CKEDITOR dialog without CKEDITOR

I was triying to open a CKEDITOR dialog without a CKEDITOR editor. I have included the CKEDITOR javascript file and included
var dialogObj = new CKEDITOR.dialog( editor, 'smiley' );
But obviusly editor is not defined and do not know how to instance it without a CKEDITOR input. I'm using CKEDITOR 3.6.4
¿Any idea?
1 way -> in this case you should add document.ptototype.dialog and customize all dialog plugin according to the need.
2 way-> we can add ckeditor in the page and hide that using css then we can use this

Use CKEditor image plugin without the HTML editor

I'd like to use CKEditor's Image plug-in separately from the rest of CKEditor.
Basically I'm creating a simple tool to edit webpages. Some parts of the webpage will be HTML and thus require the full CKEditor. But some parts will be images, and I don't need the full HTML editor, just the Image plug-in.
Is this possible to do, and what would be the "cleanest" way to do so?
CKEditor doesn't provide an image browser by itself, so you must research how to use the file browser component that you have picked by itself.
If you're using CKFinder look at the standalone.html sample, like shown in the "enhancing html forms" here: http://ckfinder.com/demo

Categories