ckeditor

I have two CKEditors in my HTML (I mean to say multiple ckeditors). Also I am using Validate plugin for checking if CKEditor is empty,if empty show error. Validation works perfectly, but it validates second time, whereas it should validate first time itself. I have checked all the questions and answers here, but none helped. I created a JS Fiddle . Code for validate : HTML <form action="" method="post" id="frmEditor"> <p> <label for="editor1"> Editor 1: </label> <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"></textarea> </p> <p> </p> <p> <label for="editor1"> Editor

Ck-editor works itself good, after i save editet text from ckeditor to database, and then i load it to page. Generated html is unformated, is there any aditional ckeditor js functions that have to be applied to target area, or is there any detault class needed to be added to text container ? I checked ck-editor css files but there is no specific class, like when you check "contents.css" in ckeditor files and there is "img.left{border: 1px solid #ccc; .." thats pretty creepy since there is no specific class, it would work in plain iframe but if i show text from ckeditor in more complex page i

I must configure CKEditor to add a class-attribute to every p-tag in the content. You can do something similar with config.format_p but it will only apply the class-attribute to text that is marked as "normal" wich is not default. Anyone? Edit: I'm using the current version 3.6.2. Here are the relevant parts of my config: CKEDITOR.editorConfig = function( config ) { config.removeFormatTags = 'b,div,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var,form,input,textarea'; config.format_p = { element: 'p', attributes: { 'class': 'tiny_p' } }; config.skin =

I am migrating from CKEditor 4.7 to 5. In CKE4, I would do something like this: CKEDITOR.replace('text_area'); and then in another JS function I could get the data by CKEDITOR.instances.text_area.getData() . But it doesn't appear that CKE5 has a function ClassicEditor.instances or something analogous. I know I can store the editor instance as a global JS variable, but the code I am working with creates the editors in a general function, so I can't just create a global variable since I don't know the name of the editor a priori. There can also be several editors active on the screen at the same

I know that for CKEditor 4, you can get the textarea data like this: var content = CKEDITOR.instances['comment'].getData(); How is this done for CKEditor 5? You can find the answer in the Basic API guide. Basically, in CKEditor 5 there's no single global editors repository (like the old CKEDITOR.instances global variable). This means that you need to keep the reference to the editor that you created and use that reference once you'll want to retrieve the data: ClassicEditor .create( document.querySelector( '#editor' ) ) .then( editor => { editor.getData(); // -> '<p>Foo!</p>' } ) .catch( error

How could I find and replace text in CKEditor using Javascript? Thanks for your suggestion! try this editor = CKEDITOR.instances.fck; //fck is just my instance name you will need to replace that with yours var edata = editor.getData(); var replaced_text = edata.replace("idontwant", "iwant this instead"); // you could also use a regex in the replace editor.setData(replaced_text); you may want to put that in a blur event or soemthing 来源： https://stackoverflow.com/questions/5635118/how-to-find-and-replace-text-in-ckeditor-using-javascript

I have my CKEDITOR form prepopulated with hidden table which is being submitted together with user inputed text. This works fine, but sometimes user presses backspace too many times and deletes the hidden table. Is there a way to block editing on this hidden table inside ckeditor textarea? So when user presses backspace the hidden table isn't affected and stays in. As soon as CKEDITOR instance is ready this source (bellow) is put inside CkEditor Textarea (using setData() attribute) and User only sees the returned <p></p> value. In this case its <p>I really think I can do this!</p> . Its a

i am using ckeditor and i have vary strange issue. it remove automatically empty <span> for example <span class="new-class"></span> removed automatically. i am searching for solution for last 2 days but no success. i try to put following code in config.js CKEDITOR.config.allowedContent = true; but no success. i also add following code in html where i use ckeditor but no success. <script> var editor = CKEDITOR.replace( 'editor1', { allowedContent: true, } ); </script> thanks Reinmar You'll find two valid answers in this question: CKEditor strips <i> Tag One says it's not possible to keep them