Questions tagged [ckeditor]
CKEdiT is a community of open-source text editors that come with real-time collaboration features. When referencing the editor version, be sure to include the [ckeditor4] and [ckeditor5] tags along with this one.
Whenever data is entered into a field using CKEditor, the Save button becomes enabled. However, if I programmatically set data into the field using Javascript, the Change event always triggers causing the Save button to remain enabled even if the field is ...
I've been struggling with integrating Material UI and CKEditor5. The issue I'm facing is that CKEditor doesn't seem to be working properly. Despite trying to apply editor features like bold or italic, nothing changes on the screen. However, the modified t ...
I'm currently working on capturing input from a CKEditor5 within an Angular application using TypeScript. While I am able to successfully display the CKEditor and confirm its presence through logging, I am facing difficulties in capturing the actual input. ...
I have implemented two ckeditor instances using *ngFor: <div class="form-group" *ngFor="let lang of languages"> <span>Legal text in {{lang.translate}} {{lang.abbr}}</span> <ckeditor id="{{lang.abbr}}" formControlName="{{lang.abbr} ...
Apologies for my poor English, I am trying to add data to a database using CKEDITOR and ajax submit, here is the code $('#add').submit(function(e) { var fd = new FormData(this); e.preventDefault(); // CKEDITOR.instances.isiForm.updateElement() ...
I am experiencing an issue when trying to upload an image. Despite researching the error, I have not been able to find a solution that works. My code is written in Express.js with ejs and specifically relates to the addPost.ejs file. <!DOCTYPE html& ...
Currently, I am utilizing version 4.7.3/basic/ckeditor.js and seeking guidance on how to eliminate the "About" and "NumberedList" buttons. Does anyone have a solution for this? <ckeditor [(ngModel)]="work.points" [config]="{removePlugins: 'About'} ...
Is it possible to trigger an alert message using ckeditor when a specific button is clicked? Below is the code snippet for reference: $(document).ready(function () { $(".cke_button__bold").click(function () { editor.on("CKEDITOR.cke_butto ...
Within my CKEditor, I am in need of some predefined text that cannot be edited, followed by the rest of my content. This involves combining the predefined verbiage (wrapped in a p tag) with a string variable displayed within a specific div in CKEditor. The ...
Implementing CKEditor in a symfony project using the FOS\CKEditor-bundle 1.2. I want to style the entire element containing CKEditor with a border when it is focused, similar to how questions are written or answered on Stackoverflow. By referencing a ...
Having some issues with my AJAX implementation in PHP, specifically trying to retrieve data from CKEditor but encountering difficulties. Here are my codes: <form> <textarea id="editor" name="Content" required></textarea&g ...
Every time I input my content into CKEDITOR, I receive the following error: "Unexpected token < " This is the code I am using: eval('CKEDITOR.instances.'+ckeditorID+'.insertHtml('+text+')'); The content of variable text ...
I'm currently in the process of updating my CKEDITOR version from 4.4.1 to 4.5.1. In order to do this, I am uploading my build-config.js file to ensure that I have all the same plugins as before with the latest CKEDITOR version. The issue arises when ...
I have encountered an issue with using CKEditor in Laravel 8 where I cannot display data in CKEditor from an Ajax call. Here is the code snippet for my Ajax request: $('.edit').on('click', function() { var id = $(this). ...
I'm having trouble integrating the ckeditor into an HTML page that's built with angularjs. Despite trying out numerous examples, such as the ng-ckeditor and ckeditor directives, I haven't found a solution that works for me. What I need is a textarea wher ...
One issue I am facing is with CKEditor, where images inserted into Rich Text Fields have their height and width attributes set in a CSS style tag. For example: <img alt="" src="https://something.cloudfront.net/something.jpg" style="height:402px; ...
I've integrated the CKEDITOR plugin for a format toolbar feature on my web application. It seems that the message shown above is a default one provided by CKEDITOR. My goal is to have users start with a blank textarea every time they visit the page, ...
I have integrated CKEditor React Component into my project from the following link: . I am using this component multiple times across different folders within my project. import React, { Component } from "react"; import { CKEditor } from "@c ...
I am trying to incorporate CKEDITOR into my project. I have added the ckeditor script in the footer and replaced all instances of it. <script src="<?= site_url('theme/black/assets/plugins/ckeditor/ckeditor.min.js') ?>" type="text/javascript">& ...
The data table has editable cells, where clicking on a cell will trigger a bootstrap modal to display with a textarea containing the text retrieved from the database. Snippet of the table structure: <table class="table table-striped table-hover" id="t ...
I'm currently facing an issue with assigning an initial value to a ckeditor using a jQuery adapter in PHP. Whenever jQuery refreshes the div containing the ckeditor, the ckeditor disappears. Here is how I've defined the editor: $ckeditor = new CKEditor( ...
Here is the code I have: import React, { useState } from "react"; import { CKEditor } from "@ckeditor/ckeditor5-react"; import ClassicEditor from "@ckeditor/ckeditor5-build-classic"; const Followups = () => { const [clic ...
As a Rails developer, I recently utilized CKEditor in one of my applications. After writing a sample HTML source code in the editor and submitting it, the code displayed properly on the front-end as a GUI. However, when attempting to edit the source code f ...
Having trouble displaying the Insert Image button in CKEditor 4.1.1? Here's my current configuration setup in config.js: CKEDITOR.editorConfig = function( config ) { // Customizing default configuration here. // For more details, check: http://doc ...
I am currently not interested in using any ajax functionality within ckeditor. Is there a way for me to remove that button from the toolbar? Whenever I click on the save button without disabling it, I encounter strange errors. I found guidance on this topi ...
I am currently in the process of automating an email generator on a work-related site using selenium. However, I have hit a roadblock as I am unable to get selenium to interact with the ckeditor on the page. Despite attempting various methods like switchin ...
As I was going through the CKEditor tutorial, I implemented the following: $( '#editor' ).ckeditor(function(){}); //it's working great!! However, after submitting the form, I noticed that by default, the textarea displays <p></p>. How can I ...
Currently, I am in the process of setting up CKEditor in my angular2 application. My backend platform is node.js and for this purpose, I am utilizing the ng2-CKEditor npm module. Below, you can find snippets from respective files. index.html:: <html& ...
Is there a way to add "atomic" block content into CKEditor? For instance, I would like to add <h1>Test</h1> right after the letter "B" in the sentence <p>A B C</p>. Currently, when using CKEDITOR.currentInstance.insertHtml('<h1& ...
Currently, I am incorporating material-ui-next dialog with CKEditor as the editor placed within the modal. In order to add LaTeX text, I have utilized the MathJax plugin. However, I have encountered an issue where I am unable to focus the input field to pr ...
I have ventured into writing a CKEditor Plugin and have grasped the basic concepts. For instance: CKEDITOR.dialog.add( 'addDocumentGroupDialog', function ( editor ) { return { title: 'Link to a document group', min ...
Looking to enhance my Vue project with CKEditor functionality, I successfully integrated the editor but now wish to enable image uploads within the text area. Despite using the simple upload adapter as outlined below, the page displaying the editor is no ...
In my current Angular project, we are utilizing the angular-ckeditor module from GitHub. In order to use this module, we need ckeditor.js which was installed through bower. We have multiple pages with ckeditor instances that require the same configuration. ...
If you need a WYSIWYG editor, CKEditor could be the answer. Check out their documentation here. To properly load CKEditor, make sure to add the following script tag in the header: <script src="../ckeditor/ckeditor.js"></script> ... Then, inc ...