Questions tagged [ckeditor]
CKEditor is an ecosystem of Open Source rich text editors with support for real-time collaboration. Use this tag together with the [ckeditor4] and [ckeditor5] tags to indicate the editor version.
9,306
questions
148
votes
13
answers
145k
views
CKEditor automatically strips classes from div
I am using CKEditor as a back end editor on my website. It is driving me round the bend though as it seems to want to change the code to how it sees fit whenever I press the source button. For example ...
- 8,061
114
votes
8
answers
144k
views
How can you integrate a custom file browser/uploader with CKEditor?
The official documentation is less than clear - what's the correct way to integrate a custom file browser/uploader with CKEditor? (v3 - not FCKEditor)
- 9,407
107
votes
7
answers
44k
views
Integrated Markdown WYSIWYG text editor
In looking for a straightforward WYSIWYG editor for Markdown code, I am not finding a comparible UI to that of CkEditor, TinyMCE, etc.
Specifically, the Markdown "WYSIWYG" editors that are ...
- 7,579
106
votes
31
answers
138k
views
How to set the height of CKEditor 5 (Classic Editor)
In CKEditor 4 to change the editor height there was a configuration option: config.height.
How do I change the height of CKEditor 5? (the Classic Editor)
- 5,440
99
votes
32
answers
143k
views
CKEditor instance already exists
I am using jquery dialogs to present forms (fetched via AJAX). On some forms I am using a CKEditor for the textareas. The editor displays fine on the first load.
When the user cancels the dialog, I ...
- 1,046
74
votes
10
answers
134k
views
How to add a custom button to the toolbar that calls a JavaScript function?
I'd like to add a button to the toolbar that calls a JavaScript function like Tada()?
Any ideas on how to add this?
- 110k
74
votes
10
answers
157k
views
How do I set a value in CKEditor with Javascript?
I am wondering how I can set a value in CKEditor using Javascript?
I have tried the following, but neither of them work...
document.[form name].[textarea name].value=data;
$('#textareaID').val(data);...
- 11.1k
73
votes
13
answers
124k
views
Turn off enclosing <p> tags in CKEditor 3.0
Is there a possibility to turn off the automatic enclosing of all written content within <p></p> in CKEditor 3.x?
I tried
CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
but this just ...
- 22.6k
58
votes
15
answers
151k
views
How can I get the content of CKEditor using JQuery?
I'm using CKEditor. I am saving the form values with ajax using page methods.
But the content of CKEditor value cannot be saving into the table.
I dont postback the page.
What can I do for that?
- 953
53
votes
7
answers
79k
views
How to configure ckeditor to not wrap content in <p> block?
I am using ckeditor on my website to make it easier for users to input HTML.
However, the data I get back from ckeditor is wrapped in <p></p> blocks. (Which I don't want.)
Is there some ...
- 72.3k
51
votes
6
answers
73k
views
How to ajax-submit a form textarea input from CKEditor?
I am using CKEditor, jQuery and jQuery form plugin and I would like to submit contents of the CkEditor form via an Ajax query. Here is my code:
<form id="article-form" name="article-form" method="...
- 16.4k
50
votes
7
answers
54k
views
CKEditor strips <i> Tag
I'm trying to find a solution to avoid CKEditor, but also the older FCKeditor strips out any
<i> tag from previously inserted content to the db.
Case:
I insert html content to the db, some ...
- 3,721
50
votes
8
answers
151k
views
Getting the textarea value of a ckeditor textarea with javascript
I'm a learner as far as JS goes and although I've spent a good few hours reading through tutorials which has helped lots but I'm still having problems figuring out exactly how I find out what a user ...
- 513
48
votes
10
answers
71k
views
CKEditor unwanted characters
How can I disable CKEditor to get me every time , when i don't want them? I'm using CKEditor with jQuery adapter.
I don't want to have any tags.
- 1,647
48
votes
4
answers
38k
views
What toolbar buttons are available in CKEditor 4?
The CKEditor docs mention item by item toolbar configuration here, but where is a list of the names of the buttons in the different groups?
There is a similar question here, but the answer is for a ...
- 15.7k
47
votes
12
answers
94k
views
How to remove buttons from CKeditor 4
The question is in the title : How to remove buttons from CKeditor 4 .
Documentation does not answer it clearly
- 2,392
44
votes
7
answers
87k
views
CKEditor Custom Plugins Button
I've written a custom plugin for CKEditor--successful on all fronts, save one currently: I can't, for the life of me, figure out how to customize the image on the button in the toolbar of the editor. ...
- 603
42
votes
11
answers
85k
views
Ckeditor update textarea
I am trying to get the ckeditor working. Obviously it doesn't make use of the textarea so on submit the form doesn't submit the text in the editor. Beceause I make use of polymorphic associations etc. ...
- 838
42
votes
7
answers
41k
views
How to check CK editor version
There is an existing CK editor folder in my project. How can I find out it's version? Is it documented?
- 1,475
41
votes
14
answers
78k
views
Detecting onChange events from a CKEditor using Jquery
I'm working with the CKEditor and jQuery and I'd like to toggle a flag to true whenever a user changes the value of a field. One of those fields is a CKEditor instance.
All the textareas that have ...
- 4,832
40
votes
7
answers
27k
views
CKEDITOR - prevent adding image dimensions as a css style
How to prevent CKEDITOR from adding image dimensions as a style?
Instead of this:
<img src="image.jpg" style="height:100px; width:100px;">
I want this
<img src="image.jpg" height="100px" ...
- 2,035
39
votes
12
answers
199k
views
CKEditor, Image Upload (filebrowserUploadUrl)
I'm using CKEditor and would like to be able to allow users to upload and embed images in the Text Editor...
The following JS is what loads the CKEditor:
CKEDITOR.replace('meeting_notes', {
...
- 110k
38
votes
11
answers
35k
views
Force CKEDITOR to refresh config
I created a cms application that use CKEDITOR and when I add some functionality to CKEDITOR I need to refresh some CKEDITOR .js /.css file.
But CKEDITOR force the browser to cache them.
I see that ...
- 18.8k
37
votes
3
answers
25k
views
Get computed font size for DOM element in JS
Is it possible to detect the computed font-size of a DOM element, taking into consideration generic settings made elsewhere (In the body tag for example), inherited values, and so on?
A framework-...
- 446k
36
votes
7
answers
90k
views
How to add data to CKEditor using JQuery
Everytime a page loads I need to load text into the CK Editor using JQuery, in order to get data from CK Editor I use
var editor_data = CKEDITOR.instances['editor1'].getData();
now is there a ...
- 36k
36
votes
12
answers
70k
views
Get formatted HTML from CKEditor
I'm using CKEditor in my web app, and I'm at a loss as to how to get the contents of the editor with HTML formatting.
var objEditor = CKEDITOR.instances["sectionTextArea"];
var q = objEditor.getData()...
- 1,901
35
votes
5
answers
31k
views
CKEditor 5 - How to insert some HTML (aka. where's the source mode)?
I want to be able to switch from WYSIWYG to plain HTML to e.g. insert IFrame with
a Youtube video. So far with the standard CKEditor 5 builds there is no documentation on how to do that.
Is there an ...
- 13.2k
34
votes
2
answers
26k
views
Remove status bar from CKEditor
The CKEditor website is somewhat lacking; can you tell me how to remove the status bar ('body ul li ...') from CKEditor?
There is a list of HTML at the bottom of the editor - body p ul li - ...
- 3,747
32
votes
7
answers
65k
views
How to properly destroy CKEditor instance?
I am running CKeditor 3.4 on a pretty simple page. I am having a problem (sometimes) where when I call document.main_form.submit(), it will not send along the contents of the textarea. After some ...
- 8,802
32
votes
4
answers
37k
views
Insert text at the cursor position to a CKEditor using jQuery
I'm trying to add a piece of text to an existing CKEditor using jQuery.
This needs to be done when a link is clicked.
I tried this solution, which works for regular textareas, but not for CKEditor:
...
- 1,276
30
votes
22
answers
94k
views
How to change the editor size of CKEditor?
Since it is a textarea , I tried cols="50" in html attribute but it does not work.
Also , I found the answer from the previous question . He said I can do this by adding.
CKEDITOR.instances....
- 13.4k
30
votes
2
answers
8k
views
CKEditor can not parse JSON response
What I have:
Symfony2
CKEditor with Image and Enhanced Image (also image2) addons
I found information about uploading files to server on official site:
Example — Setting Up Image upload plugin:
...
- 1,792
29
votes
6
answers
112k
views
How to enable image upload support in CKEditor 5?
I will use the ckeditor v5 into my project. I´ve trying to use the image plugin, but I don´t find enough informations about it.
If you see the Demoe here, you easily upload images with Drag&Drop. ...
- 669
28
votes
5
answers
22k
views
Compare TinyMCE and CKeditor for a Wiki
For a custom wiki django-wakawaka, i want to be able to add a WYSIWYG support.
TinyMCE is obviously the most popular plugin, used even by Wordpress.
But CK-editor seems more feature full.
Those who ...
- 85.7k
27
votes
5
answers
55k
views
Event for ckeditor content changed
If possible, how can we to the event of ckeditor's content being changed? For instance, there's some text already inserted into the ckeditor's content aka textarea when the page is opened. Afterwards ...
- 427
27
votes
11
answers
45k
views
Using jQuery to grab the content from CKEditor's iframe
I have a custom-written CMS that uses CKEditor *(FCKEditor v3) for editing content. I'm also using the jQuery Validation plugin to check all fields for error prior to AJAX-based submission. I'm using ...
- 2,960
27
votes
6
answers
59k
views
CKEditorError: ckeditor-duplicated-modules: Some CKEditor 5 modules are duplicated
import CKEditor from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import Base64UploadAdapter from '@ckeditor/ckeditor5-upload/src/adapters/...
- 411
27
votes
7
answers
59k
views
How to allow all html tags and attributes with CKeditor?
I'm trying to allow all html tags
<div> <p> <span> <i> /* etc */
and html attributes like below (class, id) for eg:
<div id="foo" class="bar" style="z-index:1;">SOME ...
- 1,049
27
votes
6
answers
49k
views
How to define allowed tags in CKEditor?
Sometimes users copy and paste text from different sources to CKEditor, but I want to restrict what tags they can copy to CKEditor.
I only need to use certain tags in CKEditor: The list tag, break tag,...
- 7,782
27
votes
12
answers
49k
views
Can I use CKEditor without a toolbar?
(Possible duplicate: CKEditor - No toolbars)
I'd like to create a CKEditor instance without a toolbar. I tried defining an empty toolbar to use in the instance's config
oConfigName.toolbar = 'Custom'...
- 12.5k
26
votes
17
answers
50k
views
How to use CKEditor in a Bootstrap Modal?
If I use the CKEditor plugin in an HTML page based on a Bootstrap template, it works great, however if I insert the editor on a Bootstrap Modal like this
<!-- Modal -->
<div class="modal ...
- 5,023
26
votes
4
answers
37k
views
ckeditor doesn´t read media embed code
I use the media embed plugin for ckeditor. It works fine, the code is correctly saved in the database and youtube, soundcloud etd. players display ok on the page. But when the user goes to his ...
- 1,113
26
votes
5
answers
34k
views
CKEditor strips inline attributes
I have been using CKEditor for some time and it has worked great. I've pretty much gotten rid of any problems that ive had but this one i cant seem to figure out. When i add inline attributes to ...
- 416
26
votes
1
answer
20k
views
How do you define the path which CKEditor uses to search for config / language files?
CKEditor seems to look for its configuration files relative to the location it was loaded from, not the location of ckeditor.js. So loading CKEditor on the page http://www.example.com/articles/1 ...
- 39k
26
votes
3
answers
14k
views
Is there something better than document.execCommand?
When implementing a web-based rich-text editor, I read that document.execCommand is useful for performing operations on an HTML document (like making a selection bold). However, I need something a bit ...
- 4,233
24
votes
2
answers
38k
views
add multiple extra plugins on a toolbar of ckeditor
I want to add multiple plugins(which i have created) on a toolbar of ckeditor. I have written below code in config.js
CKEDITOR.editorConfig = function( config ) {
config.toolbar_Full = [
...
- 1,997
24
votes
4
answers
38k
views
CKEditor Image Upload
I am looking to include CKEditor in a project I am working on and I need the image upload support provided by the CKFinder plugin, however I do not particularly need the rest of the CKFinder tool and ...
- 24.6k
24
votes
2
answers
11k
views
CKEditor 4 build (minify and uglify)
In our build process (using grunt), we concatenate, minify and uglify all our scripts into a single one (also meaning a single request only).
Now CKEditor 4 seems to be using a module style loading ...
- 5,481
23
votes
6
answers
52k
views
how to clear ckeditor with jquery
How can i clear the ckeditor textarea with jquery at the click of a button/link?
I have tried this : $("textarea.editor").val(''); and $("textarea.editor1").val(''); i tried with the 1 at the end ...
- 679
23
votes
8
answers
39k
views
How to check whether CKEditor has some text in it?
I have an HTML form with a few fields. One of them is a textarea managed by CKEditor.
When the user wants to submit the form, I want to check whether he entered values in all the fields.
I know ...
- 60.6k