Open CKEDITOR dialog without CKEDITOR - javascript

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

Related

How can I use TinyMCE editor only for image uploading?

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.

CKEditor show block element HTML

I'm using CKEditor version 4.5. I want to configure showing HTML blocks for content.
Please help me.
Please use the Show Blocks plugin in your CKEditor build and it should work. It comes by default in the full-featured preset of CKEditor, but you can also add it to your custom build by using CKBuilder.

Disable CKEditor Context Menu Client-Side

I am in an online class that happens to use CKEditor 4.4 for posting. They use CKEDitor's context menu, which disables the Chrome's spell check, which is a major problem for me. I have no control over their configuration. I am trying to run javascript in the console after the page is loaded that will disable their context menu. I have found:
CKEDITOR.config.removePlugins='contextmenu';
But this does nothing because the editor is already loaded by the time I can run it. I cannot seem to get the editor to reload itself in-line with the new settings. Any ideas?
If the page has been already loaded and the editor has been created you can destroy it and create it again.
You should check if they use any special configuration while creating the editor and reuse that same configuration but adding "contextmenu" to the list of plugins to remove.
Generic code:
for(name in CKEDITOR.instances)
{
CKEDITOR.instances[name].destroy(true);
}
CKEDITOR.replaceAll()
If the textarea is named for example "content"
CKEDITOR.instances.content.destroy(true);
CKEDITOR.replace("content");

tinymce 4 loading but showing tinymce.get is undefined

I'm working in a form update section using Tinymce and jquery and using ejs for load form including textarea and i call tinymce (tinymce init) using JavaScript function right after the ejs loaded.
The editor is working fine, but when i use
tinymce.get("content-text").setContent( $(".grid:first").html() );
for set content to editor its showing error.
if i load the textarea form and load tinymce again it will work ;) I don't what is happening here.
From your comments, what I suggest is that you instantiate tinymce outside your $(document).ready(), and before your html form.

a.nativeSelection is null TinyMCE Editor

I have a tinyMCE editor embedded in my page. At times it gets loaded find. Other times it throws "a.nativeSelection is null".
What could be wrong?
I had used multiple tinyMCE editors in same page with same id for the textarea controls over which tinyMCE is applied. This leads to problems of editor not loading perfectly. I have now modified my code to clear the existing editor off the textarea and load the new one. This solved it.

Categories