Force Browser spell check onload in CKEditor 4? - ckeditor

I have enabled Native/Browser Spell check on CKEditor 4 .
Problem is with SCAYT enabled it used to check the spelling of existing content in the editor on form load or editor onload . Now it doesn't give any red underline when I open the editor with some content having spelling mistakes . But Spell check works as I can see the spelling mistakes for any new content I write or paste into the editor .
Is there a way to force the native spell check on the existing content while loading the editor ?

Related

Is there a way to open a link in new tab in Laravel Filament Richtext editor?

I am not able to open the link in new tab from Laravel Filament Richtext editor. I can't see any options to set the _target value or edit the raw source. Has anyone faced this problem?
I tried looking into the code and documentation but could not find a way to enable more options for the link button
Unfortunately, Filament rich text editor does not support this feature.
Instead, you can use a custom editor like this: https://github.com/mohamedsabil83/filament-forms-tinyeditor
You can find more editors here: https://filamentphp.com/plugins
under Editor tab.

How to display CKEditor generate code properly?

When I edit the content in CKeditor, it looks well. but when I display the data on html page. the layout are reset by other css file. How to avoid this? Is it possible to disable show the content in CKeditor without toolbar?
The content.css solve my problem. Add the style to content.css .
ck editor is highly customizable. Go to your CKEditor Directory ckeditor\samples\index.html
Open this file
Click on ToolBar Configurator Button on top right Corner.
Switch to advanced mode. At top right corner there is a switch, toggle it to advanced mode.
Then build your toolbar.
Now click on 'Get ToolBar Config' Button.
Select and Copy the Configuration and Paste it into foll file:
ckeditor/config.js
For CSS issue: Try loading and calling the replace function at end of your html Page.

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.

How to Disable/Enable WYSIWYG editor in Magento 1.4

When entering code in CMS static block(possible page as well) and in this code there is empty DIV tags such us:
<div class="dropoff_button"></div>
The DIV tags will be gone next time you open the block to edit. it will look as this
without the div tags
...and saving again it modifies your code.
I think it something to do with the 'show/hide editor'. By default it goes into the WYSIWYG editor, so when updating static block i don't see any other solution than
1."hide the editor' by clicking 'show/hide editor'
2.delete the old code from the editor
3. get code that doesn't miss the DIVs
4. Merge new code with code in 3 in some other editing software than magento
5. paste result in the magento editor,
6. Save
Is this bug? What is your solution? Can i turn of WYSIWYG editor?
This may not be consider as an answer but it solved our problem. It turns out that the editor WYSIWYG can be disabled by completely or by default at Admin->System->Configuration. Under 'General Tab' there is 'Content Management' section and there you can set different modes for this editor.
In our case we set to "Disable by Default" so that any time we open static block it does not clean the code only if we choose by clicking "Show/Hide Editor"
The editor, whether in WYSIWYG or not, tries to clean up your code. You may notice that it also replaces all your newlines and indentation as well. This means that you cannot just freely enter HTML into the CMS editor w/o it interfering.
I have not found a simple way to trigger the CMS not to clean your code on the way into the database.
Hope that helps. Thanks,
Joe
You can allow specific tags into tinymce.
You just need to edit the settings var in /js/mage/adminhtml/wysiwyg/tiny_mce/setup.js and add the following line:
extended_valid_elements : 'iframe[src|style|width|height|scrolling|marginwidth|marginheight|frameborder|allowTransparency],style,script',
You can see more info about it at this other thread:
Magento - How to allow certain tags (iframe, embed) in Magento's CMS editor?
It works for me on Magento 1.6.

Ckeditor: Using Firefox built in spellchecker

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.

Resources