Ckeditor: Using Firefox built in spellchecker - ckeditor

I feel a little caught between a rock and a hard place here. I want to use Firefox's built in spell checking without disabling Ckeditor's context menu as this renders it impossible to work with tables. Is there a way of getting the best of both worlds here?

You could try setting the disableNativeSpellChecker property to false - it should then be possible to see the native spell checker markings within the editor - however for me I couldn't get this to work in Firefox, only Google chrome.
You can then hold the ctrl key down when you right click to show the browser context menu (provided browserContextMenuOnCtrl has not been set to false)
HTH.

Use the browser's default contextmenu for right click action, then you don't need to press Ctrl to shoe the browser's default context menu.
config.removePlugins = 'scayt,menubutton,contextmenu';
Enable the built-in spell checker if the browser provides one.
config.disableNativeSpellChecker = false;

hi there you can disable it by going to
Ckeditor>File Editor.then make sure you're editing the ckeditor.config.js file!
then add the two lines at the bottom (after the }; tag) add the two lines like below!...
**> CKEDITOR.config.disableNativeSpellChecker = false;
CKEDITOR.config.browserContextMenuOnCtrl = true;**
then save it..........
when writing in ckeditor a red dot underline will appear if your spell is incorrect!
when you right click the ckeditor's context menu appear.....but when you Ctrl+Right Click the browsers default menu appears....thanks..........

Use this plugin: http://martinezdelizarrondo.com/spellcheck/ and as it's stated, you have to install the WriteArea extension in Firefox.

Have you tried to enable SCAYT (SpellCheckAsYouType) in CKeditor? It is buit-in there and works as a plug-in.

Related

How to hide the bottom info panel (status bar) in the Brackets editor?

Is possible to hide the bottom panel in Brackets? The one with lines and columns on the left and possible error messages, the language and some other details on the right.
I really like the Brackets code editor but unfortunately I have to work on a rather small screen and the bottom panel wastes valuable space without being useful to me.
I checked in the preferences of Brackets and in the official documentation, but there seems to be nothing on it.
Does anyone know if it is possible to hide the info panel?
The bottom panel is called the status bar. It appears there isn't a feature that allows you to hide or toggle it yet, but you could try submitting an issue in the issue tracker.
If you really can't wait and don't mind getting your hands dirty, you can hit F12 to open the Developer Tools, pick the status bar, and change display: block to display: none.
Here's one way you could make the change more permanently - without having to edit the source code directly or write your own extension from scratch:
Install the extension "Brackets UI Custom CSS"
Edit the styles.css file the extension provides (see instructions in link above)
Add #status-bar { display: none; } to the CSS & restart Brackets

Any way to hide inline option from Firefox's addon preferences?

After adding some in-line options as described in https://developer.mozilla.org/en-US/Add-ons/Inline_Options I'm curious if there is a way to hide only one such option from the addon preferences. I'd like to manage the preference contents through other chrome.
Ideally I'd like to keep the other preferences as they are without resorting to a custom preferences window.
Yes you set or remove the hidden attribute on the setting tag.
See here for examples of how to play with inline options dom on run time:
https://github.com/Noitidart/WorkspaceHopper/blob/92a3e494cebb72518736e93ab0a20c2fdeb76df7/resources/workspacehopper/lib/main.js#L42
https://github.com/Noitidart/Throbber-Restored/blob/442c8642a5ba9281357ec34ed687c616bf942d1e/bootstrap.js#L97

How to enable browser spell check in CKEditor 4?

Supposedly CKEditor has built-in spell check, but I've never seen it work (not even on their live demo site) and so in CKEditor 3 I added the following to the config function to enable browser spell check and enable the browser context menu:
config.disableNativeSpellChecker = false;
config.removePlugins = 'scayt,menubutton,contextmenu';
However, this doesn't seem to work in CKEditor 4.
How can I enable the browser spell checker and context menu in CKEditor 4?
It happens because contextmenu plugin is required by other plugins:
Plugin "contextmenu" cannot be removed from the plugins list, because it's required by "liststyle" and "tabletools" plugin.
But actially spellcheck should work, but since the Context Menu plugin is enabled, it is necessary to hold the Ctrl key when right-clicking misspelled words to see their suggestions.
Refer CKEditor Spell Checking documentation
I found that using the CKEditor Builder and removing SCAYT plugin, then putting the code in my question in the config function works.
In order to enable browsers spelling checker you should add following configuration:
config.removePlugins = 'liststyle,tabletools,scayt,menubutton,contextmenu';
Thought a summary of all helpful answers might help.
Permanent
// Prevent CKEditor disabling a browser's native spell checking feature
config.disableNativeSpellChecker = false;
// Disable CKEditor's SpellCheckAsYouType plugin;
// Disable CKEditor's contextmenu plugin
config.removePlugins = 'scayt,contextmenu';
Partial, temporary
If you need CKEditor's contextmenu plugin (for use with another plugin) your user's will be required to hold the Ctrl key to temporarily disable CKEditor's contextmenu plugin and access the browser's native spell checking feature, via the browser's usual context menu, for each and every word they want to adjust.
// Prevent CKEditor disabling a browser's native spell checking feature
config.disableNativeSpellChecker = false;
// Disable CKEditor's SpellCheckAsYouType plugin;
// Disable CKEditor's contextmenu plugin
config.removePlugins = 'scayt';
Please enable the scayt in toolbar placed in config.js. Please make sure you have included 'Scayt' if you rendered the editor with custom toolbar.

Adding a toolbar button to a Thundebird Compose Message window

Anyone had any luck adding a custom toolbar button to the Compose window of Thunderbird or know of an example plugin that does it? I'm new to Thunderbird development and haven't had any luck getting https://developer.mozilla.org/en/Custom_Toolbar_Button to work for the Compose window.
What Mr. Jonathan pointed out is a good tip, and that particular extension does have an example of what you are looking for.
Open up your own chrome manifest file and make sure your code is telling Thunderbird which of your own xul files to "align" with its own xul files. In these examples, we will assume that your xul file is named overlay.xul and it has the code for both the button in the toolbar, as well as anything you want to do in the message-compose window.
If you find that your button won't show in the "customize toolbar" dialogue, it is because the xul is mismatched in your chrome manifest.
Make sure this in your chrome.manifest:
#THIS will use your xul file for the message-composing window
overlay chrome://messenger/content/messengercompose/messengercompose.xul chrome://youraddon/content/overlay.xul
#If you want a button, too, make sure this is in your file, too.
overlay chrome://global/content/customizeToolbar.xul chrome://youraddon/content/overlay.xul
You should look at the code of addons that perform (succesfully) a similar task, e.g. https://addons.mozilla.org/en-US/thunderbird/addon/latex-it/. In particular, look at the chrome.manifest file and the overlay.css and overlay.xul files.
Please keep in mind that the toolbar button will not appear by default, you'll first have to right-click on the toolbar then hit "customize".

How can I create a page like Add-ons Manager with urlbar and toolbar hidden at Firefox 4 extension?

When browsing the Add-ons Manager, about:addons, in Firefox 4, the toolbars and urlbar are hidden when "Tabs on Top" has been set.
As I am writing an extension in bootstrapped method, how can I simulate that feature in my own created page?
It has already linked to a page on resource scheme (resource://app/page.html)
I am wonder if there are some "hidden" attributes that can easily do such kind of things.
Or, whether it must hide and show the urlbar and toolbars in listener of window-mediator.
Solutions in XUL method are also welcome :) , but it'd be better if it can easily handle in bootstrap.js. ;-)
Thank you for your help.
It looks like Firefox maintains a whitelist of URL locations that should hide the locationbar chrome. The whitelist is checked here:
http://mxr.mozilla.org/mozilla-central/source/browser/base/content/browser.js#4412
So, setting the "disablechrome" attribute on the window element should make the locationbar chrome go away. Removing the attribute will make the locationbar chrome come back.
Adding your location the the whitelist would probably be the easiest way to make this work:
http://mxr.mozilla.org/mozilla-central/source/browser/base/content/browser.js#4086
From your bootstrap.js code, once you get a window, try this:
if (window.XULBrowserWindow)
window.XULBrowserWindow.inContentWhitelist.push("my-url");

Resources