I want to hide ckeditor toolbar without removing it - ckeditor

I want to hide ckeditor toolbar without removing it, so that I can keep using the plugins (math).
Something like set visible false.

what I did id check the generated code add make css hide the class for the header
.cke_top{display:none;}
Or
.cke_top{Visibility:hidden;}

Related

CKEditor delete Format combobox

When I delete the Format combobox in toolbar, CKEditor deletes my own formatting.
I would like to use formatting as separate buttons. Is that even possible?
CKEditor by default has some filter rules, which prevent of having trash in output HTML.
When you add a plugin, then such plugin usually register set of rules which are necessary for its work. E.g. When you add an image plugin then <img> tags starts to be allowed in editor contents.
So when you remove formatting plugin, then most probably you also remove those filtering rules. That's why your formatting is removed from the editor. You can add your own custom rules with: extraAllowedContent.
I don't know how are you going to add separate buttons with formatting, but in case of creating your own plugin you can also register proper filter rules inside your plugin code.

CKEditor 3.6.1: Load editor on event

I create a page with multiple tabs.
On one of my tabs I want to use CKeditor on a textarea, so when I display my table I call:
editor = CKEDITOR.replace('MyTextArea', MyOptions );
I have the UI of the editor but when I click on the text area nothing append, I can't edit it. The solution for access to the text area is to use "tab" for accessing this field.
I try to put a default value and I can edit if I click on the text but if I click elsewhere in the area I cannot edit.
I have this problem for IE10 and I need it works on it. It's working on Chrome and Firefox. I use CKEditor 3.6.1 and I cannot upgrade it.
Thanks
The problem was the z-index of the container of my textarea, I change it and it works.

CKEditor: Customizing the Table Dialog Window

I am using the CKEditor module for Drupal7.
I want to customize the Table dialog window.
I saw this thread, But I am not clear where to add the code that #oleq added.
Here is the URL: Set default table properties for CKEditor?
In what file should I add the code?
Thanks.
If you're using the regular ckeditor module (ie not through wysiwyg module), then you can just add it to the bottom of:
sites/all/modules/contrib/ckeditor/ckeditor.config.js
If you're using wysiwyg module and ckeditor library, then it's more complicated, and I'll post it as a separate question since a few people have asked this.

Font-awesome codes overrided by toggle editor

I am editing an article and adding FontAwesome in it using Toggle Editor. I've found out that when I add the code using programmer view, it works fine. However, when I change to the designer view from the programmer view, the editor automatically edit the code like this:
Before:
After clicking "Toggle Editor":
It is quite inconvenient for me because I use the designer view to style the article frequently. Is there any solution for it?
You'll have to look into the allowed tags for the editor you're using.
In your case using JCK Editor - you can see this article on why it removes certain code
At first glance it appears there are whitelist & blacklists for some HTML. You'll probably be able to add your selectors to the whitelist and they will no longer get stripped.

ckeditor image plugin fine configuration

It is possible to configure image plugin dialog to change defaults (for example, change alignment from to right, HSpace to some value, etc) without actually changing javascript code of the plugin?
The cmbAlign select is in the image.js and seems to be in some long and nested object structure, specifying UI.
What is the right place to introduce the change?
You should take a look at the CKEditor Javascript API which allows you to modify the editor without having to change the original javascript code, see
http://docs.cksource.com/ckeditor_api/index.html

Resources