How could I find and replace text in CKEditor 5 using JavaScript and jQuery? I want to find special character ‘@’ in the text and replace all characters after ‘@’ and ‘@’ character too on my own text. I am using change:data… Answer you need editor.getData() and editor.setData(), then use Regex @w+ to match @, alphanumeric and space, without matching
Tag: ckeditor
Angular CKEditor 5 add custom class on button click
I am trying to add class to selected element (table in this case) when clicking button on element toolbar. Can not add custom attributes. How can I add class or dataset attribute? Answer The solution I found:
CKEditor not working when the site is depoyed (PHP)
CKEditor not working when the site is deployed(000webhost). It works fine in localhost. I included CDN in the header and I used it in a form Answer Code is looking proper. Also it is working deployed server. But there might issue of loading cdn library. Please check it is loaded correctly.
CKEditor: Image uploaded but still getting an alert saying can’t upload file:filename (using ckfinder) in react
I am making a text editor for my blog (Using React) and using CKEditor for it. I am using an express server on a windows machine to handle the image upload request. When I browse the uploads directory on the windows machine, the file is present but on the CKEditor page I get the following error: This is the CKEditor
Duplicate CKEditor widget appears as disabled
I have a list of concept forms in which concepts can be added by clicking on a button. The problem is that when I click and duplicate the concept form there is a form field that works with ckeditor, and the new duplicate appears as disabled and cannot be written to. I take the form, copy it and try to
How to find declaration for my typescript/react module?
I am very (very) new in frontend technologies, specially react and typescript. My issue come when trying to do a simple thing that is to use a react component https://github.com/ckeditor/ckeditor5 So I went to the examples and found this: https://github.com/ckeditor/ckeditor5-react-example/blob/master/package.json I am trying to include the ckeditor with the ClassicEditor module So I added this on my package.json and checking
ng2-ckeditor – how to customise the css loaded inside the editor itself?
I need to customise the ENTER key behaviour of ng2-ckeditor. I understand there is a config option as explained here. However as that link explains, I should use custom css: If you want to change it to control paragraph spacing, you should use stylesheets instead. Edit the contents.css file and set up a suitable margin value for <p> elements, for
How to insert text dynamically in CKEDITOR
I use plugin CKEDITOR for word editor in my web. Inside the editor I have a table which have two columns . I want to achieve that in the first column if the user input number it will add to (50) and the result automatically appear in the second column. That is very easy using Jquery but it does not
How to set up CKEditor for multiple instances with different heights?
I’d like to have multiple instances of CKEditor based on the same config settings, but with different heights. I tried setting up config with the default height, setting up the 1st instance, then overriding the height & setting up the 2nd instance: …but I get two CKEditor instances that both have 100px height. I also tried this: .. I got