Newest 'ckeditor5' Questions - Stack Overflow

Questions tagged [ckeditor5]

CKEditor 5 is a set of ready-to-use rich text editors created with a powerful framework that enables you to create any kind of text editing solution and include real-time collaborative editing inside. Use this tag for any CKEditor 5 related questions. Use the "ckeditor4.x" tag for questions about CKEditor 4.

0
votes
0answers
4 views

How to create a Matcher instance in CKEditor5?

I'm trying to find an element in the model based on his id. Looking through the documentation, it seems that the Matcher class can do what I need. However, I'm unable to create a Matcher instance, ...
0
votes
0answers
8 views

Replacement for editor.conversion.for('downcast').elementToElement in ckeditor5 12.2.0

It seems like editor.conversion.for('downcast').elementToElement(viewConfig) don't exists in the new version of ckeditor5(12.2.0). What method should I use instead? I tried to use editor.conversion....
0
votes
0answers
25 views

Classic editor does not functional

I'm trying to include CKEditor5 in my code, following their official docs at https://ckeditor.com/docs/ckeditor5/latest/builds/guides/quick-start.html exactly. And yeah, it is shown up but the UI ...
0
votes
0answers
23 views

How to solve a problem with long list of font-sizes on small monitors in ckeditor5?

I have a long list of font-sizes and there is a display problem on small monitors. How to fix it? https://prnt.sc/o56jwb
0
votes
0answers
12 views

How would I upcast specific text to inline widgets and back again?

I'd like to upcast specific text to inline widgets. The two plugins I'd use this for is the official Mention plugin as well as a variant of the Placeholder plugin. For example, I'd like to be able to ...
0
votes
0answers
21 views

Integration CKFinder in CKEditor on Vue.js

I'm new to vue.js. Integrated CKEditor successfully but having trouble to integrate CKFinder in it. I'm trying to Import CKFinder in CKEditor component but I'm getting an error. CKEditor-Vue ...
0
votes
0answers
9 views

Is there a way to allow all html attributes for CKEditor5 or use a wildcard?

I'm setting up ckeditor5, but it removes a lot of the html attributes. I want to know if there's a way to allow all attributes without specifying one by one, or maybe specify it with a wildcard. (...
-2
votes
0answers
8 views

How to create multiple inline content using ckeditor 5 with comments collaboration

Good day. I would like to ask if how to make a multiple content using inline for ckeditor5. And can I add other html content like div using ckeditor5? Any idea how to do it? I tried to download the ...
0
votes
1answer
38 views

How to properly build Angular 8 and ckeditor5-angular for prod mode?

I've been stuck on a weird problem involving Angular 6 to 8 (I started on Angular 6 and migrate to 7 and then 8 thinking this might have been resolved with newer libraries, and found I was wrong) in ...
0
votes
1answer
17 views

How do I get rid of paragraph tags in CKEditor from CDN

I'm running CKEditor from the CDN, and when I retrieve data from Database it comes with paragraph tags, and this breaks my page structure. Any help?
2
votes
0answers
33 views

How to use CKEditor 5 CodeSnippet plugin in Vue.js?

How can install code snippet plugin in CKEditor 5 vue.js I had google searched on it, but didn't get luck.
0
votes
0answers
32 views

Adding a color picker to CkEditor balloon toolbar

I am using CkEditor in combination with Vue.js (build from source). I installed the ckeditor5-font dependency to use CkEditor with the colorFont however this only shows a color palette and not a ...
-1
votes
0answers
19 views

In CKEditor5, is there a feature managing star-rating?

I need to integrate star-rating evaluations in a CKEditor-5 editor. I have searched in the documentation but I have not found such a feature. Is there a feature already existing in order to manage ...
0
votes
1answer
49 views

In CKEditor5, In a downcast converter, how to insert a view element at the beginning of another view element?

I want to add "decoration" (non semantic) elements into the editing view at specific positions. I made a small change in the Block-Widget Plugin given in the CKEditor5 tutorial https://ckeditor.com/...
1
vote
1answer
32 views

CKEditor 5 single instance height

I have multiple instances of CKEditor 5 and I want to add button which will change the height of texteditor. In order to do so I have to change height of a single instance, is that possible and if yes,...
0
votes
1answer
36 views

CKEditor5 Listening to Change Event and Updating Model

I'm trying to create a widget in CkEditor5 with two parts: 1) an input for a plain text version of a formula (what I want saved in the model and on getData) 2) a live preview of that text formula ...
0
votes
0answers
14 views

ckeditor5 create element “image” with attributes

I'm trying to create a custom plugin to insert an image from my already built media browser. I'd like to attach some attributes to the image. No matter what I try it only inserts the image with the ...
0
votes
0answers
21 views

How to pre-convert all URLs inserted through CKEditor5 into proper URLs?

With the current editor, if you add a link that doesn't contain https:// or http:// in front of the URL, it will use the link as 'https://yourownwebsite.com' + '/' + 'yourLink' instead of taking you ...
0
votes
1answer
38 views

Ckeditor 5 multiple instances

I want to dynamically initialize ckeditors, and later use setData() function for each one. I tried this : CKEditor 5 – get editor instances but I get error: Cannot read property 'setData' of ...
2
votes
0answers
117 views

CK Editor 5 built from source + Vue JS + Using component locally = duplicated

I have a set of components in my page like this: BlogEntryPointComponent that contains NewBlogComponent and BlogEditComponent both NewBlogComponent and BlogEditComponent use the following code: ...
0
votes
0answers
13 views

CKEditor 5: Create “fake” elements based on attribute

I have the following HTML code: <other-content config="base64 encoded config"></other-content> which I'd like to convert into the following for the editor: <other-content> <...
0
votes
0answers
25 views

Ckeditor 5 img always full fill the editable space

Hi I was following this tutorial to set up document editor. this img I uploaded is always full fill the editable space, is this my problem? or how am I able to solve it? BTW I am using a custom ...
0
votes
2answers
45 views

How to add a scrollbar to Classic CKEditor 5?

The documentation mentions that the default behaviour of CKEditor 5 is to grow when more text is added. However I want the editor to show a scrollbar instead of growing. How can this be done ?
0
votes
1answer
64 views

CKEditor 5 custom button fails in Vue.js component

I implement the CKEditor5 from source in my Vue app. I use the ckeditor5-editor-classic (following this guide) and want to add a custom button. I followed this guide and created a simple plugin to ...
3
votes
0answers
82 views

CkEditor5 - Can't call method inside custom plugin and events not working

I'm trying to create a button in my CkEditor where the user clicks on it and a method from my Vue component is called, but I don't find in the documentation how to do it... Also, my build is not ...
0
votes
1answer
31 views

Can I overwrite a CKEditor5 widget with another one, keeping the functionality of both?

Sorry if the title of the question was confusing. I am rewriting a widget I had in CKEditor4, and converting it to work with CKEditor5. My problem is that I need the entire widget layout to be made ...
0
votes
0answers
19 views

Binding data value with Inline CkEditor 5

I'm upgrading CkEditor 4 to CkEditor 5 and wanted to use inline editor with vue.js v1.0.24. How can i bind the values of inline editors using vue.js? Since inline editor doesn't support textarea on ...
0
votes
0answers
11 views

ckeditor-react 'getAttributes' error when running example

I am trying to run the example found below to create a custom editor in react. https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html#using-ckeditor-5-source-2 ...
0
votes
1answer
84 views

How do I upload an image and embed with base64 format in ckeditor5?

I am using ckeditor 5 classic, this is what I have: ClassicEditor.create(document.querySelector('#editor'), { toolbar: ['imageUpload', .....], ckfinder: { ...
0
votes
1answer
31 views

How can I move cursor to end of text in ckeditor5

ckeditor5 when I used editor.editing.view.focus(), the cursor was at the beginning of the text, how can I move cursor to end of text?
2
votes
1answer
66 views

NullReferenceException with Ckeditor 5 and ASP.NET MVC bundle error?

To isolate any problems so I can reproduce the issue, I started with a brand new project in VS 2017 with the ASP.NET MVC Template (.NET Framework 4.6.1). I added the latest ckeditor5 to /Scripts/...
0
votes
0answers
51 views

Insert text at cursor position in ckeditor using angular 6

I am integrating a ckeditor with a dropdown of (say) fields. The goal is to insert a text at the cursor position of the ckeditor text, depending upon the change of dropdown value. However, I'm unable ...
1
vote
0answers
52 views

Rendering complex HTML in CKEditor5

I am planning to use collaborative review and track changes feature of CKEditor5. I did create a sample app with CKEditor cloud service. I find that when I provide the HTML generated using my service, ...
0
votes
0answers
59 views

how to add plugins of ckeditor in nuxt with ssr

i am trying to add Alignment plugins of ckeditor 5 in my nuxt app which is universal (SSR) i tried like this in plugins import Vue from 'vue' import ClassicEditor from '@ckeditor/ckeditor5-build-...
0
votes
0answers
30 views

How to upload images added to ckEditor using AngularFireStorage and AngularFireUploadTask?

I am using ckEditor for content editing in an Angular app. In order to upload images to ClouFirestore, the upload adapter i wrote (reference link: StackOverflowAlanObject as below, import { ...
1
vote
0answers
93 views

TypeError: Cannot read property 'getAttribute' of null (angular6)

I am using Angular 6 + CkEditor5 and I am getting 'Cannot read property 'getAttribute' of null'. I am trying to build from source as mentioned here https://github.com/ckeditor/ckeditor5-angular/...
1
vote
0answers
26 views

Insert span with class and id in CKEditor5 produces error when pasting

I'm developing a CKEditor5 plugin that requires me to insert a span with an id and some classes. This is my code to allow that: editor.model.schema.register('span', { inheritAllFrom: '$block', ...
0
votes
0answers
43 views

How to load formatted HTML into ckeditor 5, not markup with tags

So I would like to load already formatted html into ckeditor 5. Since ultimately the data will be coming from this control, I'm not too worried about the format being bad, but to test I have just ...
0
votes
0answers
18 views

Is there a way to create a custom plugin for CK Editor to support inline SVGs?

I want to create a plugin that lets users insert a widget with a SVG icon and some text. I created the widget that allows the user to add text but when I try to add an SVG it striped all of my ...
0
votes
0answers
29 views

How to reuse table and link balloon?

I move buttons from toolbar to my own custom html toolbar. I created table button and executing command is simple: editor.execute( 'insertTable', { rows: 4, columns: 5 } ); But when I want to ...
0
votes
0answers
16 views

CKEditor 4 - Can not scrolling the page when show up modal with CKeditor

sorry if my English isn't good enough to describe my problem. I have a problem with CKEditor 4 when using it in bootstrap modal. Everytime I use CKEditor to replace a control in razor view's modal ...
0
votes
1answer
34 views

How to verify if clicked text is formatted?

I want to use my own custom buttons instead of default toolbar. To bold selected text I use something like this: <BoldButton onClick={this.onBoldClick} /> onBoldClick = () => { editor....
0
votes
0answers
37 views

How to save and restore caret position in ckeditor5?

I am trying to implement custom autolink in ckeditor5. I am listening to onChange event, take editor data by editor.getData(), process this data by autolinker, and then set linked data back to editor. ...
0
votes
0answers
32 views

loading CKEditor5 components with React.lazy

In my project I want to use CKEditor5. Problem is, this version is not compatible with IE11 so my goal is to lazy load CKEditor5 components and when IE11 is detected, I dont want to simply load those ...
0
votes
1answer
68 views

How to make separate each element

How can I make each of this element separated. Currently, each elements is merged into one <span> element <span style="font-family:wingdings;">.4=??????</span> <span style="font-...
0
votes
1answer
21 views

How to access editing.view.getDomRoot() during plugin initialization?

I want to do something with the editing view DOM root that cannot be done via the engine view's API. For that, I need to access the DOM root in my plugin's init() callback. It turns out, though, that ...
0
votes
1answer
15 views

How to add a selectionHandle to a media widget?

I am looking to customize the existing media widget for CK Editor5. I want to add the selection handle to the media widget to make it easier to select. With widgets, this can typically be done by ...
0
votes
1answer
106 views

CKFinder issue Uncaught TypeError: Cannot read property 'modal' of undefined with CKEditor 5 - Vue js

I'm trying to integrate CKFinder in Vue js application. But facing this issue Uncaught TypeError: Cannot read property 'modal' of undefined. I'm following the official documentation for CKEditor5 / ...
1
vote
1answer
42 views

Create a custom plugin on ckeditor for angular application

I need to create a custom plugin for ckeditor to allow users to create a cutom html a element. I managed to create this plugin on small project including my code in script element like in the ...
0
votes
0answers
22 views

CKEditor5 custom build missing links dialog

I have tried creating my own CKEditor5 build so that I can modify on a granular level what the toolbar looks like. I have followed this tutorial https://ckeditor.com/docs/ckeditor5/latest/framework/...