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,274
questions
0
votes
0
answers
4
views
Automatically Add HTML code in CKEDITOR 4
I am using mailwizz for sending emails. Its using CKEDITOR 4 for create html template. When We add any contents in it, Its always getting inserted between tag something like this
<!DOCTYPE html>...
0
votes
0
answers
15
views
CKEditor 5 nested elements not downcasting properly
I have the following series of nested plugins/elements that are used for creating documents/emails:
MultiRow > Row > Cell
I have attributes at the Row level that are edited through a UI that is ...
1
vote
1
answer
15
views
CKEditor adding extra p tag to before and after my p tag in laravel
I am using CKEditor for textarea. I have added editor class to my textarea. I have a ckeditor folder located in public. I have two files[ckeditor.js and script.js] in that folder. I have added the ...
0
votes
0
answers
11
views
CKEditor In Vue3 - CKEditorError: ckeditor-duplicated-modules Error
Here I am trying to use the CK Editor in vue3, my goal is to add the Html Support
I installed the ckeditor by following document
npm install --save @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-...
1
vote
0
answers
29
views
New to ckeditor; how do I actually get started on Fedora?
I feel a lot like the person who wrote this question; I suspect, as is all too common in the computer world, the people who wrote the CKEditor documentation know too much about it so they skip the ...
1
vote
0
answers
16
views
CKEditor5 v. 10.1.6 stopped showing up in Drupal10 site
Some time between before-Thanksgiving and Monday morning, the CKEditor on one of my sites stopped working. I am running CKEditor5 10.1.6 on Drupal 10.1.6. Without CKEditor, the HTML in my body fields ...
0
votes
1
answer
18
views
How do I stop CKEditor from stripping out Adsense Ads <ins> tag in my Django admin backend?
I have implemented a standard CKEditor configuration on my Django site's admin backend. The default CKEDITOR_CONFIGS in settings.py is:
CKEDITOR_CONFIGS = {
'default': {
'allowedContent': ...
0
votes
0
answers
24
views
CKEditor - How to add dynamic custom mentions?
my goal is to type anything with # beforehand and CKEditor to highlight it as mention.
It currently works with predefined mentions but that's not sufficient for me:
Further thing I am trying to ...
0
votes
0
answers
16
views
Fixed issue of JQuery Form Validation Rule Check for ClassicEditor required
First Add:
<div class="form-group">
<label for="example-text-input" for="editor">Page Body</label>
<textarea name="editor" id=&...
0
votes
1
answer
14
views
How can I access CKEditor5's operations history?
I have the following case: an application for management of articles, where each article can have a version in a different language. It all works fine, but operations history (undo/redo) gets reset ...
0
votes
1
answer
19
views
CKEditor - get HTML value using jquery val()
I have seen many answers saying to get the CKEditor content using:
CKEDITOR.instances['editor1'].getData();
However we have been using the following which seems to work:
$("#editor1").val()
...
0
votes
0
answers
11
views
CKeditor: How do i change the inline menu/balloon for links?
If you have ever used confluence or some of these online documentation software's you will know that when you paste a link into the WYSIWYG editor it gives you inline options for that link - to leave ...
0
votes
0
answers
31
views
How to use ckeditor 5 packages inside an angular library
I am writing an angular library core-lib, which I am using in my angular application entity-app (and some other apps)
This angular library (core-lib) has a module rich-text and it has a component rich-...
0
votes
0
answers
24
views
can i use my tag in ckEditor5 sourceEditing?
I am using ckEditor5's source editing in React. When I copy & paste my html tags, some tags are automatically converted. For example, the button tag doesn't seem to be available, and
<p class=&...
0
votes
0
answers
23
views
how can i remove sandboxing of iframe link when updating the data from admin django throgh ckeditor
when i updating a data in any field of the model(model containing a field with ckeditor) the field containing iframe link has an error occured "
An error occurred.
Try watching this video on www....
0
votes
0
answers
16
views
Save the images of ckeditor fields to local media and not s3
I'm working on a django project and I have used s3 cloud storage to save my media files. The challenge that I have faced is that I want the images of ckeditor fields to be saved on local and not s3. ...
0
votes
0
answers
16
views
Ckeditor not clearing up for on submit in angular
I have a form in angular. In one of the field I use, ckeditor. (ckeditor4angular)
Ckeditor text area does not clears up, even when the angular form is reset.
I tired updating it with 2 way binding but ...
-1
votes
0
answers
19
views
How can i make moveable my custom element in ckeditor5
I find from database related news in my project. I am trying add a founded element datas in CKEDITOR 5. I'm using laravel.
let addingContent = `
<p></p>
<...
0
votes
0
answers
17
views
how to add fontColor in ckeditor using vue-ckeditor?
ckeditor code
I have installed the package using yarn add @ckeditor/ckeditor5-font. The path @ckeditor/ckeditor5-font/src/fontcolor exists in the data, but I don't know how to add it to my editor
I ...
0
votes
0
answers
36
views
Grapesjs with plugin Ckeditor - Adding Custom Variables
Here is my current code for GrapesJS:
var editor = grapesjs.init({
container : '#gjs',
fromElement: true,
style: '.txt-red{color: red}',
plugins: ['grapesjs-preset-...
0
votes
0
answers
20
views
CKEditor5: how to save the undo/redo stack when Multiple page switching
I'm working on a note taking app with vue and ckeditor5. When I load a note, an editor instance is generated through a Vue component. However, when I switch to another page and then switch back, a new ...
0
votes
0
answers
17
views
CKEditor 5 empty field when it contain script tag only
When I have only script tag in field content, I see empty field when I disable html mode.
Any suggestion, how i can render it, when html mode disabled?
0
votes
1
answer
43
views
send message in MS Teams chat in-browser with Javascript
While our University disabled API access, I thought I could try solving my problem with a Chrome Extension.
Background: I have built a monitoring app (nodeJS) that tracks student progress of their ...
0
votes
0
answers
26
views
Markup is broken migrating from CKEditor 4 to CKEditor 5
In CKeditor 4 my content looks like this:
I tried to migrate to CKEditor 5, made a custom build with full page HTML support, styles support, etc. I copied full HTML which was used in CKEditor 4 and ...
0
votes
1
answer
31
views
Cannot upload file: *.png - CKEditor, CKFinder
My API upload file (ExpressJS)
enter image description here
My CKFinder on ReactJS
enter image description here
Where did I go wrong, Can anyone help me?
--------------------- Sorry about my English --...
0
votes
1
answer
47
views
CKeditor not working on PythonAnywhere, working on localhost (Django)
I have simple blog project that I want to show on pythonanywhere. Unfortunatelly I cant seem to fix issue with CKeditor. It works on localhost, but on pythonanywhere it shows errors and only standard ...
0
votes
0
answers
15
views
How to add element class in ckeditor on django?
I'm trying add default element class in ckeditor on Django website
like.
<ul class="sm-circle"></ul>
0
votes
0
answers
31
views
How to set default Paragraph format to Normal(DIV) in CKEditor 4.x?
When autoParagraph config in CKEditor 4 is set to 'true' or not set at all, I see Paragraph format is set to Normal(DIV) by default.
When autoParagraph config in CKEditor 4 is set to 'false', how can ...
0
votes
0
answers
14
views
Ckeditor5 plugin PasteFromOffice not working when changing the environment
I have recently implemented ckeditor5 in my Angular project. I initially had the Angular CLI 11 and had to update it to Angular CLI 13 in order to be able to integrate the library. I was finally able ...
0
votes
0
answers
27
views
CKEditor in React not showing image upload
This is my CKEditor component:
import React from 'react';
import { CKEditor } from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
const CKEditorComponent =...
0
votes
0
answers
25
views
How to set the ckeditor content in my reactjs project?
I want to set the aboutCompamy in my in reactjs project. I used ckEditor. I does not work properly as I desire. Actually when I set it, the log result is one character less. What is wrong and how may ...
0
votes
0
answers
15
views
setState proplem with using ckeditor in reactjs?
I want to have an update page in order to edit the inserted company information. I don't know why when I use the onChange property of the ckEditor, it makes the other company information fields except ...
0
votes
0
answers
24
views
CKEditor Custom Build Package Errors
I have a custom build of CKEditor using their online builder tool. I moved the custom build into the root of my React project and installed all the dependencies. I have a basic implementation of the ...
0
votes
1
answer
50
views
CKEditor not allowing space after nesting of list in a content, when opened in MicroSoft Outlook
Hi all I am using CKEditor (react) to edit and create content to be mailed via send grid. The content is for an example is like this:
<ul><li><strong>Netflix plans to raise prices of ...
0
votes
0
answers
47
views
ckeditor 5 converting image in base64
I am currently using ckeditor '6.1.0'. If I upload an image, it gets converted to base64 format.
Base64 images are too large, so I don't want it. Is there any way so my images don't get changed in ...
0
votes
0
answers
17
views
CKEditor destroy function is throwing error
In my angular application I have used 7 instances of ckeditor to display 7 different fields of a question. It is quiz application. I have to iterate the question set for each quiz question. I have put ...
0
votes
0
answers
81
views
Using formik validation and submit ckeditor and file input in reactjs
I want to validate my inputs and also submit them in my project. I have a file input and also a ckeditor and some other text input required fields. When the file is uploaded, the logoAddress is ...
0
votes
0
answers
32
views
CKeditor 5 remove attributes
const htmlSupport = [{
name: /^(h1|h2|h3|h4|h5|h6|sub|u|section|blockquote|em|hr|strong|div|p|img|table|tr|td|thead|tbody|ul|ol|li|a|figure)$/,
attributes: {
border: true,
...
0
votes
0
answers
14
views
Wrap text around BOTH sides of an image
After inserting an inline image, there are options to wrap the text on the left OR on the right of the image. I need to be able to wrap the text on BOTH sides of the image.
I selected the image and ...
0
votes
0
answers
32
views
How can I put multi line placeholder using ckeditor?
I am using ckeditor for my textareas in HTML. I want to put placeholder with multiple lines of content in it.
How can I do that?
0
votes
0
answers
19
views
In Ckeditor5 how do we get selected text to show font-size in dropdown , like that we have in MS word?
When we are using paragraph or heading or copied div in ckeditor and when we highlight that we don't seem to get font-size highlighted in dropdown for selected text . Font-size is only highlighted for ...
0
votes
0
answers
33
views
How to implement archive comments outside the editor in ckeditor 5 for angular
In CK editor 5 how can we add archive comments outside the editor for angular. Can we make custom UI for archive comments outside the editor.
0
votes
0
answers
17
views
CKEDITOR 4 - Text extending beyond right margin
I'm having this problem only on Google Chrome (any version). This piece of text is not breaking the line. Firefox and others are OK.
I followed a tip which was to adjust the margins via CSS, but ...
0
votes
0
answers
17
views
ckeditor in django has chenged to TextField
I was using postgresql and then I had to change my db to mysql . after changing all RichTextUploadingFields changed to TextFields in django admin ! How can I fix this ?
also I try this code in ...
0
votes
1
answer
30
views
TYPO3 Ckeditor Error (".." and "//" is not allowed in path) on saving
I have TYPO3 11.5.28
When I save a tt_content (textpic) using ckeditor I get this error:
TYPO3\CMS\Core\Resource\Exception\InvalidPathException
File /<h2>word</h2> <p>Lorem is not ...
1
vote
0
answers
32
views
Selecting text in CKEditor5
I am trying to replicate a functionality provided by a plugin in CKEditor 4 but not present in CKEditor 5. The functionality is what the Element Path plugin offered.
If you check out the link, I have ...
0
votes
0
answers
15
views
Insert Text into existing contenteditable Text (using VUE and CKEditor)
I'm trying hardly to insert a Text into a Contenteditable field since 4 hours. So far, I found out, the field is powered by Vue and CKEditor - but I cant access any Vue neighter an CKEDITOR object...
...
0
votes
0
answers
44
views
Wasabi S3 Ckeditor connect
I want to keep my files in wasabi s3. I am uploading and displaying single images independently.
But I need to upload images via ckeditor and ckfinder.
I only changed the config information in the AWS ...
0
votes
0
answers
20
views
A system-breaking code is added after the text I type in Ckeditor
I am adding a new article to my website, but a code like this is added after the article;
<div class="bootstrapiso notranslate" data-html="true" data-original-title="" ...
0
votes
0
answers
18
views
How to apply Bootstrap style to RichTextUploadingField?
I attached CKeditor to my site.
When I load a high-resolution image, all Bootstrap responsiveness breaks.
This can be corrected - you need to manually assign the style and CSS class to the picture.
It’...