Javascript rich text editor with client side spell checking - tinymce

I am currently investigating implementing a rich text editor with spell-checking capabilities (hopefully out-of-the-box).
I have looked at quite a few other questions regarding spell checking and most of them requires a server-based (ajax) solution (which is not very performant when implementing "check as you type").
A while back, I was working on a RichTextEditor in Flex and was able to implement squiggly which is client side checking and very fast.
I am currently considering TinyMCE and CKEditor at the moment, but couldn't find any information as to whether they can integrate hunspell dictionaries for client side checking.
Have any of you successfully integrated any client side spell checking with those 2 rich text editors? The dictionaries don't necessary have to be hunspell, but it is prefered.

I have been looking at current cross browser spell checking abilities and whether they work with HTML Editors like CKEditor. I did find in the CKEditor documentation (CKEditor Docs)
that you can disable/enable the native spellchecker and that when it is enabled, you can get access to the native browser spell check menu by holding the Ctrl key down and right-clicking on the misspelled word(squiggle). FYI IE10 will soon be out and will also contain a native spell checker in the browser with support for the HTML5 spellcheck and editablecontent tags.

Firefox supports hunspell dictionaries (so called AddOns). All you need to do to make it work is to use ther tinymce init parameter gecko_spellcheck: true, . For Internet explorer and other browsers you might need to use a server-based approach.

Related

Custom VSCode extension: embed native editor in webview

Goal
I want to have a webview, that embeds the native editor (see image).
The embedded part does not need to have a tabbing-feature. It would be enough to have the editor object, that I fill and update manually per Javascript.
Question
Is that possible? How would I do that?
Background
I want to show various file contents within my own webview. These contents should be editable and have all functionality, that the vscode editor has (e.g. syntax highlighting, multiple cursors, intellisense,...). At best, also 3rd party extensions should work within them.
I don't want to start implementing the whole editor again, so I'm searching for a way to embed the editor.
It is not possible to embed the native editor that comes with VS Code. The extension API simply does not support it.
The closest you can get is to import the code of the editor into your webview. The editor is called Monaco and is available via the npm package monaco-editor. It supports most (or all?) of the features offered by VS Code editor, such as IntelliSense.
However, since this editor would be unaware of the installed VS Code extensions, themes and configuration options, it will behave differently than native editors. You might be able to improve the user experience by manually propagating configuration options and themes, but this would require a significant amount of work and might not be possible for other things, such as support for language servers or third party extensions.

Is there any embedable web text/json editor providing auto-completion based on json-schemas?

I know there is a short list of editors that may support auto-completion based on json-schemas: VSCode, Atom (with plugin), but configuration and embedding these editors inside a web page with the plugins is not as easy (or possible). On the other side, there is a multitude of web based editors. Yet, could not find one that actually provides auto completion based on a (custom) JSON schema.
Any idea?

How to do JavaScript autocompletion in Geany?

Is it possible to make in Geany JavaScript autocompletion?
If it is possible it would be better if it will work without Ctrl+Space like in sublime
Unfortunately, your question is not very clear in terms what you expect from auto completion. Geany is supporting e.g. static tags -- which can be self generated or downloaded from the wiki. To enable them go to Tools->Load tags. Also it supports some session based autocompletion, which is turned on by default.
Please take care, as there is a difference between inline JavaScript and explicit JavaScript-file.

What tool can be used to create plugin/addon for bookmark requirement

I've to create plugin or add-on for my official community site.
Requirement
There should be a button at browser, which should extend a form, which can add the current url as a bookmark with interaction from user with some more inputs, in turn that should be recorded into excel sheet in local drive. I've VBA code to extract data from the community url to excel sheet. Now, I've to create browser control to enable user direct url to fetch the data.
My control should be activated (i.e. toolbar button) based on url, so what should i create, a plugin or add-on ? i want my control not to affect browser performance or user experience.
Based on reply for 2, what tool should i use to create plugin/add-on which should be compatible across browsers ?
I've gone thro' Fire-breath demo, code capability with Visual studio, which was nice, but still missing some knowledge about visual studio, what to package of visual studio install and what language to use, it would be better if it is Visual basic ?
At last, is it possible to place control (i.e. button) inside the webpage to activate my code, if so, which one is capable of doing it, add-on or plugin ? workflow in nutshell to achieve that...
Thanks a lot
First, a few things to understand:
A browser plugin is something that is instantiated in one of two ways:
Injected into the DOM in an object or embed tag
Instantiated by the browser to open a page with a specific mimetype
Browser plugins don't know anything about the browser, the URL bar, the bookmarks, the context menus, browser dialogs, browser chrome, browser events, etc. Browser plugins only know anything about the current page. Browser plugins cannot change browser settings
Browser plugins are DLLs; they can't easily be written in Visual Basic. While it might be possible, I've never seen one, and you'd have to learn a lot about NPAPI plugins before you could do that. You'd also probably have to write one for IE, one for IE, etc.
In other words, what you need is not a plugin. Firebreath is not going to help you much, if at all. Some extensions (also called add-ons) use a npapi plugin to provide functionality that they cannot do on their own. For more information see http://npapi.com/extensions
With that information, I recommend you think about it and create a new, more specific question for what you need to know next. I don't know extensions, I do plugins. Actually, once you break down what you need to do into some smaller questions you'll probably find others who have ask most of them and you can find the answers with simple searches. Your main problem is that you don't yet understand the technologies you need to use. Hopefully this has helped.

In the Eclipse HTML editor, is there an easy way to have custom tags available in content assist (autocomplete)?

I'm learning to use a new hosted e-commerce system at work which uses a proprietary markup/scripting language for its page templates. They are similar to JSP pages (although the server tags don't have a prefix, i.e. there is no "xsp:") and use ${expressions} similar to Expression Language. We are transitioning from a .Net system, so all of my fellow devs are very used to having thorough IntelliSense available in our editors.
So, my question is whether it is possible to make these custom tags available in content assist, and whether it is worth the hassle if there is any. (I'm aware the latter is subjective - I'm a reasonable guy and open to opinions.)
FYI, I'm more concerned with auto-completion of tags, but expressions would be great as well depending on how much work is involved. We are using eclipse for Java EE, Juno (core IDE v4.2.1) with WTP... Sorry I'm not really sure how or what to share as far as versions and components go! Let me know if any additional info would help.
Thanks in advance.
A decidedly non-hassle-free answer would be to create an Eclipse plug-in to support your proprietary template language. One place to start might be Veloeclipse, a HTML/XML/JSP/Velocity Editor for Eclipse, which claims to have the following features which you may find interesting:
Smart indentation of velocity directives (on pressing return or when using tabs)
Code folding
Code Formatting
Smart indentation of html tags (on pressing return or when using tabs)
Syntax highlighting for both html and velocity
Autocompletion and Content assist for tags, directives and references (Ctrl + space in html attribute values or when opening or closing tags)
Sources here: http://code.google.com/p/veloeclipse/source/checkout