How to use spellchecker plugin with tinymce 4.0.12 - wicket

I am using tinymce 4.0.12 in my wicket project. I have added spellchecker plugin in my editor,
but when i click on spell checker icon it gives ERROR: GENERAL, and the console error i'm getting is:
POST
http://localhost:1100/project/js/tinymce/plugins/spellchecker/resources/wicket.contrib.tinymce.TinyMceBehavior/spellcheck_rpc 404
Note: I have added this code in my tinyMCE init function for spellchecker.
spellchecker_rpc_url :"resources/wicket.contrib.tinymce.TinyMceBehavior/spellcheck_rpc",
Thanks

TinyMCE uses a remote spellchecking API to do the spellchecking for you. It seems that it used the Google API for spellchecking which got discontinued. It could also be the case that you have to manually configure the spellchecking engine used.
http://www.tinymce.com/wiki.php/Plugin3x:spellchecker (This is for TinyMCE 3, but i guess it works similarly in TinyMCE 4)

Related

How do I find out which TinyMCE version is installed in HCL Connections?

HCL Connections has some kind of customized build of TinyMCE, which could be officially used as replacement for the old CKEditor. I'd like to know which version is installed. Especially on test systems I'm not sure which version is currently installed on which system.
Found out that this could be fetched from JS variables in the browser console:
tinymce.majorVersion + '.' + tinymce.minorVersion
"5.1.1"
But it misses the patch version 5.1.1-XX where XX is a number. Is there any other way how to find out detailled information about the installed version?
There is a test page avaliable on the following url: https://cnx.host/connections/resources/web/tiny.editors.connections/verify.html
When TinyMCE was successfully installed (may require a restart of at least the common app), you'll see something like this:
Tiny Editors for HCL Connections has been successfully installed. This
is release 4.1.0.15
The TinyMCE version in this release is 5.1.1-57.
The Textbox.io version in this release is 2.4.2.95.
This gave you four information:
The installation itself works. When enabled in config.js, you'll use TinyMCE instead of CKEditor in all Connections applications (Wikis, Blogs, ...)
The exact version numbers of TinyMCE = 5.1.1-57 (independent from Connection)
The Connections Editor version = 4.1.0.15 (HCL bundle of TinyMCE and Textbox.io editors)
The Textbox.io version = 2.4.2.95 (also independent from Connections, only relevant when using Textbox.io instead of TinyMCE)
The TinyMCE version we ship for connections isn't a customised build; our customisations are all done through public APIs and configuration options (including the premium plugins).
If you see 5.1.1-57, that should be an exact copy of the public 5.1.1 release available on our website. 57 is just an internal packaging build system number.
If you open the editor help dialog there should be version information there as well (but only the connections package version and current editor version, not both editor versions).
The help dialog also contains the version of the editor and the integration. This is true for both textbox.io and TinyMCE and the steps are roughly the same. I show images for TinyMCE below.
First open the "cog" menu and click on the "Help" entry:
Second select the "Version" tab to view the version:

I want to use the Babel plug-in: optional-chaining, but the vscode console prompted me incorrectly. How can I solve this problem?

I created a new project with the create-react-app scaffold, and then I wanted to use the optional-chaining plug-in of babel. I installed the package according to the document and configured it, but vscode prompted grammatical errors. What can help me? please.
this is my package.json.
this is the problem:
If you are using CRA there is probably no way instead of ejecting project and applying Babel presets manually (according to https://github.com/facebook/create-react-app/issues/4604).
However, if you are decided to use eject there should be able to add plugin to babel config which is described here https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining. Probably applying stage-0 preset of Babel (https://babeljs.io/docs/en/babel-preset-stage-0) can also be a solution.
Edit: see also Null-safe property access (and conditional assignment) in ES6/2015
The error you are seeing is from Visual Studio Code's built-in JavaScript and/or TypeScript validator. In order to circumvent this, add this to your vscode settings.json file:
"javascript.validate.enable": false
Additionally you can disable the built-in TypeScript validator like this:
"typescript.validate.enable": false
Once those are disabled, eslint will take over and show you the proper errors when applicable.

Enable preset plugins in Ckeditor 4.5.8

I am using CKeditor via cdn //cdn.ckeditor.com/4.5.8/full/ckeditor.js.
I wish to enable a preset plugin and do not know how to go about it. i need clear code example.
I have seen this tutorial on using the cdn but it talks about local plugins.
Code snippet is one of the plugins I want to enable.
Working locally with CKeditor in laravel 5.2 is a lot of headache. I keep have this error SyntaxError: illegal character when I inmport my javascript files. My laravel view uses blade template engine. I do not have this issues with CDN imports.
I resolved the issue after many days. all the javascript(not only Ckeditor or Tinymce) files I imported in laravel always gave the syntaxError: illegal character like this
I notices that in every response a header information was automatically pasted as well as a funny character. I solved this using two major steps.
I opened all the javascript files using notepad++ and deleted the first line (usually comments) using backspace and type it back manually, then saved the files.
I realized the header info HTTP/1.1 200 OK was some how related to the server configuration. I switched form using the in-built server php artisan serve to virtual host on xampp. And everything works well.
NB: This problem has nothing to do with Laravel 5.x. I personally think that this problems arise due to the copying and pasting, and downloading of files from the server.
To benefit from the advanced features of a full flesh server, I decided to use virtual host in xampp for development.
I am very happy. Hope it helps!

TinyMCE 1.3b8 links in Plone 4.3b1?

I'm finding myself unable to add links ("a" tags) via the version of Products.TinyMCE in Plone 4.3b1. Switching to a non-visual editor and manually adding a link works fine, but using the chainlink icon in TinyMCE brings up an insert/edit popup window that doesn't appear to have anyplace to enter the destination address. There's a "search" text field, but entering text into it does not enable the "OK" button.
Here's a screenshot of what I am seeing:
Does anyone know if this is a known issue, or if I'm just completely missing how to enter links, or have any light to shed on this? Thanks.
UPDATE:
The problem seems to be that the popup's tabs are not un-hideing the relevant divs. When I use Firebug to switch div external_panel from class="hide" to class="show" the missing material appears; I also have to use Firebug to remove a disabled="disable" from the OK button in order to press it. A screenshot showing the segments is below. I've used the tgz file of the unified installer; is it possible that there is a variation between that installer's contents and the binary installer for the Mac?
The problem is showing up on a plain vanilla fresh install performed by
- untarring the 4.3b1 unified installer tgz file,
- running the command ./install.sh --target=/home/me/P4.3b1 from the installer's dir
- going to /home/me/P4.3b1/zinstance
- running the command bin/instance fg
- going in the browser to localhost:8080,
- creating a Plone instance and logging into it as admin
- going immediately to edit the front page of the site.
Version overview from site setup page is as follows:Version Overview
- Plone 4.3b1 (4302)
- CMF 2.2.7
- Zope 2.13.19
- Python 2.7.3 (default, Aug 1 2012, 05:16:07) [GCC 4.6.3]
- PIL 1.7.7 (Pillow)
I'm going to say cross browser compatibility issue. It looks like this in Firefox and works as expected:

CKeditor plugin not working

I tried to setup the media Plugin from
http://forge.clermont-universite.fr/wiki/ckmedia and http://forge.clermont-universite.fr/projects/ckmedia/files
When including
CKEDITOR.config.extraPlugins = 'media';
in my page I get an error
Error: uncaught exception: [CKEDITOR.resourceManager.load] Resource name "media" was not found at "http://localhost:8080/fileupload/ckeditor/plugins/media/plugin.js?t=B49E5BQ".
Please check, the directory name. It should be 'Media' or 'media' according to your media plugin file. On unix/linux systems... it matters. I was also facing problem on godaddy hosting but after looking at MediaEmbed plugin file, i find out that it was MediaEmbed not mediaembed.
There was a file not found error for that file.
Right click on the Tomcat server in Eclipse and choosing "Clean..." solved the problem.
We were getting this error because our node add/edit forms were being rendered within the website's theme, which may include a lot of unnecessary and/or incompatible javascript. For reliability, we switched to using the administration theme (in our case bartik), and then the javascript error disappeared. Hope this can help someone else out there.
you should keep your plugin files(plugin.js, css, images) under <plugin-name> along with all plugins of ckeditor. See how core plugins are organised.