jQuery Spell Checker plugin for TinyMCE in .NET - asp.net-mvc

We have an app written in .NET/MVC (C#) and it uses TinyMCE as the WYSIWYG editor. Works fine except no spell checking natively. The current options are pretty limited (iespell for IE but requires ActiveX, or spellchecker for PHP).
I stumbled on this site and it looked promising until I read the documentation and saw that it also requires PHP on the backend.
So I'm looking for an alternative - jQuery plug-in that will work with a .NET backend or possibly replacing TinyMCE and using CKEditor which supports SCAYT.
Anyone have any idea if there is a good jQuery plugin to use or am I possibly stuck with ripping out TinyMCE and replacing it with CKEditor?

You can use typo.js, you can use to detect if a word is misspelled and also to get a list of suggestions, but you will have to handle the replacement yourself. I am using it with CodeMirror in my asp.net Mvc project

To anyone coming on this post later:
TinyMCE can now use the browser's built in spell checking functionality, just turn on the option as follows:
tinymce.init({
selector: 'textarea', // change this value according to your HTML
browser_spellcheck: true
});
More details in the relevant section of the official documentation.
You should then get the red squigglies in the browser:

Related

Orbeon 4.7 $.browser is undefined

I have upgraded my application from orbeon 4.4 to orbeon 4.7. On loading forms, in the browser console I'm getting $.browser is undefined.
On debugging I found that orbeon 4.7 is using jQuery v1.11.0 and $.browser is removed from jQuery v1.9.
Any idea why it is still using removed/deprecated $.browser??
How to solve this??
Per the jQuery documentation, "This property was removed in jQuery 1.9 and is available only through the jQuery.migrate plugin. Please try to use feature detection instead.". So you could:
Add the JavaScript for jquery-migrate to your project.
Change your code to check whether the feature you want to use is available, rather than rely on knowing in which browser it is available. (Most front-end developers would recommend you try to use this first.)

Which are the basic guidelines for using Delphi IntraWeb with Twitter Bootstrap?

I would like to use the Bootstrap Framework with Delphi's IntraWeb (I'm using XE2)? The idea is to have the server side logic done by Delphi, while using the nice controls that come with BootStrap?
What would be the basic components "Hello World" application for this configuration?
What would be the high-level approach for a more elaborate application, for example one with a Bootstrap nav component that has its tab contents populated by Delphi?
Is combining IntraWeb and Bootstrap an overkill? Would I would be better off with an Indy TIdHTTPServer + Bootstrap?
It does not have to be difficult to implement Boostrap with Intraweb, you just have to add the Js files in the ContentFiles property of the IWForm, you just have to take in mind you have to write the html for each component you use for BootStrap.
In http://www.codegearguru.com in the Movie #63 - Using jQuery Mobile with IntraWeb - CodeRage 6 Replay
They have explained how to develope the Fishfact demo using jQueryMobile, using the TIWTemplateProcessorHTML component and standard IW components, so it should no be difficult to adapt it for bootstrap.
Here is the link: http://codegearguru.com/video/063/jQueryMobileFishFacts.html
Althought, there have been a new component suite since last year implementing JQuery and jQuery mobile, you should take a loo at http://www.cgdevtools.com, I'm using them and let me tell it give you IW app a very nice view. AFAIK they are planning to generate a component suite for Bootstrap.
As far as the web-server is concerned, it should provide the necessary files when the client requests them to run bootstrap client-side: Bootstrap: File Structure
To populate the components (client-side), you'll have to create the server-side logic so it will enter the correct javascript that does so into the HTML of the pages.

Is it possible to use third-party js libraries, like underscore, in a Firefox Add-On?

I'm using the Firefox Add-On SDK to port a Chrome extension to Firefox. In Chrome, it's trivial to load third-party libraries like Underscore or Backbone. In my particular case, I'm using jQuery, Underscore and Backbone to define models that communicate with cross-domain REST APIs.
It's unclear to me how you might do something similar in Firefox. From what I can see main.js corresponds directly to Chrome's background pages, but it doesn't appear there's a way to load js files.
Am I missing something?
Add-on SDK supports CommonJS modules sysem, same modules that are also used by nodejs
https://github.com/mozilla/addon-sdk/tree/master/app-extension
Underscore has a support for commonjs module format & there for can be loaded easily
https://github.com/documentcloud/underscore/blob/master/underscore.js#L54-L65
All you need is drop underscore in next to main.js and loaded it as follows:
var _ = require("./underscore")
I do believe backbone can also be loaded in a similar way as people have being using it
on nodejs.
It's won't work for the jQuery though, that's because context where add-on SDK modules
run is different from typical web page context with DOM, which is what jQuery is designed
to work with.
Now if you want to do cross domain requests there SDK comes with a module to do that:
https://addons.mozilla.org/en-US/developers/docs/sdk/latest/packages/addon-kit/request.html
There is also another low level XHR module, that you could use instead:
https://addons.mozilla.org/en-US/developers/docs/sdk/latest/packages/api-utils/xhr.html
So if you just want to write models and talk to REST API it should be pretty trivial, I'm
not sure what's the role of jQuery in your use case. It implies DOM and UI you want to
display. If so there is several modules in SDK that would let you add custom UI for the
firefox and you can probably find useful tutorial on that subject:
https://addons.mozilla.org/en-US/developers/docs/sdk/latest/dev-guide/tutorials/index.html

CKEditor spellchecker - what are my options for ASP MVC?

I am looking to use CKEditor in ASP MVC application. I have been having a quick look around and it would seem that my only spellchecking options are to use a plugin for the browser (IE8) or use Spellchecker.net.
Does anybody have any other suggestions on how to add spellchecking to CKEditor/IE8?
Thanks
We looked for a long time to find a reasonable spell checking substitute for ckeditor. We finally arrived at NHunspell. It's a managed wrapper around Hunspell, which is a very popular spell checking library used in OpenOffice, FireFox 3, etc.
The API is quite simple, so it's just a matter of writing a plugin to perform the spellchecking.

Is there a dojo or a Jquery just for Firefox add on development?

Started working on Firefox add ons, which is done with JavaScript and XUL, and I find myself sorely wanting to use Dojo or someother kind of JavaScript like library, but I can't find one that exists. So I was thinking of starting a library by porting Dojo over to a Firefox add on specific fork. Get rid off the cross browser stuff, use array comprehension and other nice stuff available in Firefox's JavaScript engine. I worry about whether or not there's enough of a userbase who'd take advantage of this, but more than that I guess I'm wondering if there's already something like this? Google finds nothing.
Mozilla Corp developed a JavaScript library for this purpose: FUEL.
it is developed by John Resig the creator of jQuery.
To know how to use jQuery inside FF extension look at this similar question
jQuery, at least, functions perfectly well when embedded in a Firefox addon. I can't quote you names, but I've heard that several popular addons are already using jQuery.
Here's an article discussing using jQuery within XUL and some of the hoops you may need to jump through.
It is fairly common to embed jQuery in firefox extensions.

Resources