FAQ Database Discussion Community


I want a spell checker plug in to html editable div?

javascript,html,ckeditor
I have an editable div and applying it CKeditor. I want spell checker within. I have tried one plug in from :http://www.webspellchecker.net/samples/scayt-ckeditor-plugin.html It gives following error Error parsing encrypted customer ID (Invalid data encoded string) Any one have any solution on this. Please give me some solution on spell checker...

How to get widget's HTML without CKEDITOR data attributes

ckeditor
In a widget's init function I can access the widget's inner HTML using this.element.getHtml(); This HTML might contain widget data attributes like data-cke-enter-mode="1" data-cke-widget-editable="text". I want to get the HTML without these data attributes, exactly the same as the source area/dialog would show it. What's the best way to do...

CKEditor remove style for a specific instance

javascript,css,ckeditor
How can I remove the styling for a specific CK editor instance. I have two CKEditors in my page. One restricted for summary and one rich for content. For the summary I can't allow the copy paste styling because that can mess our design. I tried this solution: CKEDITOR.config.forcePasteAsPlainText =...

How do I configure the Image Properties dialog box in CKEditor?

ckeditor
My current Image Properties dialog box only has the Image Info and Link tabs available. I want to change this dialog box so that: I want to remove the Width, Height, Border, HSpace, VSpace, Alignment, and Preview elements from the Image Info screen I want to remove the Link tab...

CKEditor not working (grayed buttons)

javascript,jquery,plugins,ckeditor,ckeditor4.x
I'm testing a configuration for CKEditor, but I can't type and the buttons are like this: This is on Chrome 42.0.2311.152 m (64-bit), but the same happens on Firefox and IE. Here's how I'm loading CKEditor: <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="ckeditor.js"></script> </head> <body> <textarea id="teste"></textarea> <script> CKEDITOR.replace('teste'); </script> </body>...

Django-ckeditor not displaying correctly in html

python,html,django,templates,ckeditor
I have a little problem, I installed Django-ckeditor in my admin section. I can perfectly use it in Admin, but when I display on the Html page it is not showing correctly, I'll put some image to have a better visual. Here is my admin ckeditor, works perfectly! Here is...

Using config.js of ckeditor failed in jsp

jsp,ckeditor
I have downloaded the ckeditor_4.4.7_standard.zip and used it in my jsp with default settings.Now I want to do some changes in the config.js to get an ideal style but it does no effect.Then I try changing the settings in the jsp directly and it do effect.Finally I try editing other...

Rich Text Editor (WYSIWYG) in CRM 2013

ckeditor,customization,wysiwyg,dynamics-crm-2013
Sometimes it is useful to have the HTML editor in CRM interface. It is possible to implement the editor directly to CRM 2013. As editor we will use ckeditor which allows to use it without installation on the server.

CKEditor will not show echo function

php,post,ckeditor,textarea,show
I implemented Ckeditor into my blog , and I have an "Edit Page". In that page I want to get the text that I wrote so I can obviously edit it, problem is it doesn't show up , like the rest of the text , here's my code after the...

Imagemaps in uCKEditor bad performance

performance,plugins,ckeditor,umbraco,imagemap
We have been using the uCKEditor plugin for umbraco for a few months now. We also installed a plugin for it called Image Maps. Recently, one of our content editors noticed a sharp drop in performance while editing some pages. After testing it for a while I noticed that removing...

CKeditor outputs Html. How to format it for displaying properly, not just lame html?

javascript,html,css,meteor,ckeditor
I am using CKeditor, and this is my code: ...othercode.. <div class="input-field col s12"> <textarea id="textarea1" class="materialize-textarea"></textarea> <label for="textarea1">Body of the Post</label> </div> <input type="submit" name="Submit" id="sub"> </form> </div> </div> </div> {{else}} <div>You are not logged in.</div> {{/if}} <script> CKEDITOR.replace('textarea1'); </script> In Javascript, I use the same id to extract...

Add additional CKEDITOR languages

javascript,ckeditor
I need some help with a problem in CKEditor. I can't add Spanish as an additional language. My project currently has 2 languages: en and pt-br Today, I need to add es (Spanish) As you can see in the following image, I put es.js with the other ones. But when...

jQuery Validation: how to make the amount of characters no include the tokens generated by CKEditor?

javascript,jquery,ruby-on-rails,jquery-validate,ckeditor
In my Rails app, I want to use jQuery Validation plugin for CKEditor's data, it works fine except a little inappropriate count including the tokens generated by CKEditor. The following is main code: http://jsfiddle.net/sscs1kbx/3/ Html: <textarea name="answer[content]" class="required" id="editor1"></textarea> <script> CKEDITOR.replace('answer[content]');</script> <br /> javascript: $('#add-job').validate({ ignore: [], rules: { "answer[content]":...

How to separate folders using IvoryCKEditorBundle for file uploads?

php,symfony2,ckeditor,sonata-admin,sonata
I'm using the following in my project: Symfony 2.3 IvoryCKEditorBundle CoopTilleulsCKEditorSonataMediaBundle My intention is that users can create their own pages for showing different types of information. However, users are separated by a certain kind of relationship (certain users belong to a certain school, so only users from that school...

CKEditor allow all content except font-size, line-height, uppercase

filter,ckeditor
Is there a config option in CKEditor to allow all content except certain styles (font-size, line-height, uppercase,....). Is that possible? I checked ACF but I didn't see that option....

ckeditor code snippet addon rails cdn

ruby-on-rails,ckeditor,cdn
I'm trying to use ckeditor with code snippet. The easiest would be to use the CDN and include it as a script tag. But the default ck editor doesn't have the code snippet plugin. If I download a custom package with code snippet included, then I have to modify all...

uncaught exception: [CKEDITOR.resourceManager.load] Resource name “default” was not found

php,ckeditor,yii2,yii-widgets
I have installed CKEditor widget from yii2-ckeditor-widget using composer. Install was successful, there was no error. Here is my view file use dosamigos\ckeditor\CKEditor; ..... <?php echo $form->field($model, 'content')->widget(CKEditor::className(), [ 'options' => ['rows' => 6], 'preset' => 'basic' ]) ?> when I see in browser, there is nothing in the place...

Unwanted p and br tags in ckeditor

php,html,ckeditor,wysiwyg
I am using ckeditor for writing articles for my website. The problem is when I add a a space within an article i get something like the following: <p></p><br /> Can anyone help me with how to configure ckeditor such that when I press enter with the attempt to add...

MySQL “UPDATE” syntax is entering 0 in column

php,mysql,pdo,sql-update,ckeditor
I am trying to enter into a table in with PDO if using an if condition. My code for the function is below: function add_user_info($conn, $user, $info, $fName, $sName, $past, $pos){ // Prepare and execute statements $info1 = addslashes($info); $sql = $conn->prepare("SELECT * FROM `User_Info` WHERE `User` = '$user'"); $sql->execute();...

Insert content into editable div using ckeditor

javascript,jquery,html,css,ckeditor
I'm making a web app using the CkEditor for some neat wysiwyg editors. On page load the page gets a couple of strings from a database using AJAX. How do I insert the strings into the div that is editable? I don't want to use a textarea because the inline...

How allow attribute class on img tag for allowedContent config?

image,class,configuration,ckeditor
i write for a problem with the use of allowedContent config option. I set the instance of my ckeditor with this option: allowedContent: 'p; strong; em; u; s; sub; sup; ul; ol; li; blockquote; a [!href, title, target, rel]; hr; h2; h3; pre; img [!src, alt, height, width, title, id];',...

Dynamically add context menu items in CKEditor based on user-selected list

javascript,html,ckeditor
Using the CKEditor plugin, I am trying to add context menu items based on items the user has selected from a DataTable object. The menu items show up just fine. The first menu item added, Current Time/Date, works. But when clicking on any of the items that were added by...

How to specify separate toolbar group for widget buttons?

widget,ckeditor,toolbar
By default CKEditor places widget buttons in the toolbar 'insert' group. I'd like to specify a custom group on the toolbar only for my widget buttons. How can I do that?

CKEDITOR Widgets drag drop into needed element

javascript,knockout.js,ckeditor
I have a problem with ckeditor widgets. I have inline non-editable text widget which I can drag drop enywhere in editor (using its default functionality). So I need to check where I'm dropping my widget and if this place is undroppable (according my rules it us TABLE) do cancel events...

CKEditor - How to use the Advanced Content Filter and widgets together in 2 editors

javascript,widget,ckeditor
I've got 2 CKEditor instances. One editor (A) supporting a number of widgets, another editor B has an Advanced Content Filter with these settings to make sure only <p>, <br>, <em> and <strong> tags are allowed in the second editor: config.allowedContent = 'p br em strong'; My widget contains an...

How to use the CKEditor in an custom ASPX page?

ckeditor
I would like to use the CKEditor on a SharePoint 2010 Custom Application Page (.aspx). Is this possible? Doe anyone have an example? Edit: I have no special requirement on a sample. I would like to see only how to place an ASPX Textbox (Multiline) on an aspx page, place...

Load template on select change

javascript,jquery,html,ckeditor
Is there a way, using javascript, to load a template whenever a specific select tag, changes its value? For example, a user changes the value of the select from nothing to "Template_1" then the ckeditor should load "Template_1". HTML: <select id="tipe"> <option>Template_1</option> </select> <textarea class="ckeditor form-control html" id="motivo" name="motivo" rows="6"...

Bug in chrome with ckeditor editing links

javascript,jquery,google-chrome,ckeditor
So basically I have this problem in chrome(Working fine in Firefox). When I edit a content and I have the following situation , a link and some text and when I click at the end of the link to change "some link text" to "some link to website" it does...

CKEditor + Protractor: Testing with Protractor can't find CKEditor instance

javascript,angularjs,selenium,ckeditor,protractor
I am using Protractor for a non-Angular page and wanting to find the CKEditor instance on the page to then set data for. I can do this in Chrome console via: CKEDITOR.instances.html_editor.setData("Hello") In my test for the page, I have the code below: it('should enter text in editor successfully', function()...

Combine CKEditor into 1 file

javascript,ckeditor
Thought I would open this question to the javascript community. Does anyone know if its possible to combine CKEditor into 1 file? I want to try and integrate it in one of my desktop applications which uses a web viewer - I can execute one flat file in my web...

CKEditor 4 removes xlink:href in A tags even when allowedContent set to true

ckeditor
I have to use CKEditor to allow users to edit some HTLM pages that may include SVG images. And the links defined in those SVG images contain some attribute like xlink:href. E.g: <svg preserveaspectratio="xMinYMin meet" version="1.1" viewbox="0 0 778 873" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image height="100%" width="100%" xlink:href="map.png"></image> <g class="hover_group" opacity="1"> <a...

How to allow all html tags and attributes with CKeditor?

javascript,regex,ckeditor
I'm trying to allow all html tags <div> <p> <span> <i> /* etc */ and html attributes like above class, id for eg: <div id="foo" class="bar" style="z-index:1;">SOME COOL CONTENT HERE</div> in ckeditor. I found something like in docs.ckeditor.com config.allowedContent = { $1: { // Use the ability to specify elements...

CKFinder yields: “TypeError: f.config is undefined”

javascript,ckeditor,ckfinder,ckeditor4.x
I'm attempting to integrate CKFinder with CKEDitor 4.4.7 and get the following error on page load: TypeError: f.config is undefined ckfinder.js (line 6, col 12104) ...;var p=o.indexOf('?')!== -1?'&amp;':'?';f.config.filebrowserBrowseUrl=o;f.config... ^^^^^^^^ Here's the sample page: <script type='text/JavaScript' src='/includes/static/js/ckeditor/ckeditor.js'></script> <script type='text/JavaScript' src='/includes/static/js/ckfinder/ckfinder.js'></script> <p>entry box <form action='test.php'...

How to disable a plugin in the replace function of CkEditor?

javascript,jquery,ckeditor
I want to disable the image-upload on some CKEditor textareas. I don't want to do this via config.js file as it will disable for all the textareas. How can I do this using the .replace method? Example: CKEDITOR.replace("meTextarea", { // what should I write here to disable the plugin? });...

Textarea Post Passed, but not data within form

javascript,php,jquery,html,ckeditor
I have a form that I'm trying to pass through to update a page. My name and title are passed through; however, but my textarea does not. The code I'm using to pass the data <script> $(function () { $('#updater').on('click', function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'calls.php', data:...

CKEditor remove classes from html tags in TYPO3

ckeditor,typo3
I am using CKEditor in Typo3.When i am writing For example if I hit source and create p class="font12" and when i save it.It returns only p not the class. so i need this class should not be removed.I have searched it on google but have not find the solution...

CKEditor updating parent textarea from child window

javascript,ckeditor,parent-child
I have a parent window with a textarea and when the parent window opens it also opens a child window. The user answers a question that is posted back into the parent textarea when the user clicks on the submit button that triggers the javascript code below. However this code...

Custom Font is is only showing if font face is loaded

php,fonts,ckeditor,font-face,hindi
I am using hindi font on my CKeditor using font-face. So when I am typing on the textbox it is showing hindi fonts. But it is because of font-face.So when I copy to another place it shows english font and thats not I want. I am trying to add the...

Import docx into CKEditor via upload

javascript,ckeditor
I'd like to be able to upload the document and set CKEditor's content automatically, instead of copy-pasting a formatted docx file's contents into the editor. Is this possible through a plugin? Or can I do this myself through some JS manipulation? I realize I can convert the docx to HTML...

Drupal 7 CKEditor while replacing from textarea media files are not rendering

drupal-7,ckeditor,wysiwyg,drupal-field-collection
I'm working with Drupal 7 + WYSIWYG module + CKEditor + Field Collection. My issue is, CKEditor is not rendering the media files which is included through media browser. Steps to reproduce: Create field collection field with unlimited occurrence. Add some text and audio/video/document file using media browser with media...

Passing data to widget in CKEditor

javascript,ckeditor
I made a very simple custom widget, however I want to add it to the editor via a custom button instead of a toolbar button so I use editor.execCommand("mywidget"). The widget is added correctly, but how do I pass data to the widget via this execCommand call? In the docs...

Knockoutjs + Ckeditor Need help figuring something out

javascript,jquery,knockout.js,laravel-4,ckeditor
I have this code that i need to connect with ckeditor: Basically what i'm trying to do is have it connect with a data-bind that is already there via: textarea autocomplete="off" class="form-control" data-bind="rev_ckeditor, value: app.models.userReview.body" id="editor" maxlength="50000" name="body" cols="50" rows="10" The textarea above has both a value data-bind and ckeditor's...

CKeditor own plugin with dialog

javascript,ckeditor
I have written own plugin which generates a simple link. The strange thing is that I can not editing "href" attribute. Other attributes can be edited. This element does not work: { type: 'text', id: 'url', label: 'URL', commit: function(element) { element.setAttribute('href', this.getValue()); }, setup: function(element) { this.setValue(element.getAttribute('href')); } }...

CKEditor 4.5.0 BETA fileUpload API issue

file-upload,ckeditor
I'm trying CKEditor 4.5.0 BETA because it let me paste images from the clipboard in all browsers, but I can't find any documentation regarding the File Upload API (new?), the example in This Link uses CKFinder but I don't have it, I need to create my own Server Side code...

CKEditor loses content when removed from DOM and added again

iframe,ckeditor
Context CKEditor is a rich text editor that uses an iframe with an editable body. I have a situation where I need to temporarily remove an element containing a CKEditor instance from my page, then add it back some arbitrary amount of time later. Problem Unfortunately, this seems to cause...

CKEditor is adding  when putting using two spaces on a iso-8859-1 encoded page

encoding,utf-8,ckeditor
There appears to be a problem with CKEditor that when you use two spaces it converts one to a   entity and the other it keeps as a regular space. The problem is that it using utf-8 encoding for the space, which shows as  on iso-8859-1 encoded pages. My...

Disable a button once the CKEditor “Source” button has completed

javascript,ckeditor
I am attempting to disable a button that exists on my JSP page, outside of the CKEditor dialog. Specifically, when the "Source" button on the CKEditor toolbar is clicked I would like to run some code that simply disables a "Publish" button on my web page - don't allow publish...

How to get clean html from gridmanager.js

jquery,html,ckeditor
I am using gridmanager.js for creating dynamic grids in my web application https://github.com/neokoenig/jQuery-gridmanager/ var gm = $("#mycanvas").gridmanager( { remoteURL:base_url+'backend/menu/save_customgrid/'+menu_id, debug: 1, ckeditor: { customConfig: base_url+"web/admin/dist/js/example-ckeditor.js" } } ).data('gridmanager'); $('#save_grid').click(function(){ gm.cleanup(); gm.saveremote(); }); My problem is,gm.cleanup(); not clearing the controlls of this plugin.I need to save the html without the html...

Skipping an element in CKEditor

javascript,ckeditor,contenteditable
Let's say we have the following text and caret position: foo |bar baz and the HTML code is foo <span>bar</span> baz and user pressed the right arrow key. What happens is that the caret now moved inside of the span between the letters b and a of bar. I would...

CKEditor - Custom word or phrase insertion function

javascript,ckeditor
I am using CKEditor so the user can easily enter texts. He also has to enter variables/tags that will be filled by the system afterwards like {foo}. To prevent error reports caused by minor typos I want to provide a dropdown list to insert those in the text. How can...

Custom UI dropdown button not showing up all commands

javascript,ckeditor
I am doing like below to group set of commands into single dropdown but all items are not showing up CKEDITOR.config.toolbar = [{ name: 'paragraph', groups:['list', 'indent', 'blocks', 'align', 'bidi'], items: ['More'] }]; CKEDITOR.replace(editorName, { on: { pluginsLoaded: function () { var editor = this, items = {}, groupName =...

How to make it possible to display special characters in CKEditor

javascript,plugins,ckeditor
I want to write a simple plugin to display special characters in CKEditor. How to make it possible to display special characters. For example: space, tab, non-breaking space (&nbsp;). Should work on the principle, as is done in Word....

start ckeditor in source mode so it doesn't format text

ckeditor
Is there a simple way to initialize ckeditor in source mode so it won't format the content? When I am saving certain code I save it in source mode and that works great, but to keep it from editing my code I need to track if it was saved in...

How-to clear custom style applied to element?

ckeditor
With Ckeditor 4x, when you add custom styles, you cannot use the "Remove format" button it not remove the style (class). It seem to be working good only when use the default styles....

CKEditor enabling/disabling buttons via js

javascript,jquery,ckeditor
I'm trying to disable some buttons from CKEditor's toolbar, here is my code CKEDITOR.instances.MY_INSTANCE.commands.bold.disable(); it disables BOLD button on page load, but when I click inside CKEditor's editor area, BOLD button is activated. Also, I've tried CKEDITOR.instances.MY_INSTANCE.commands.bold.setState(CKEDITOR.TRISTATE_DISABLED); but result is the same. Has anyone faced the same issue? ps. and...

Login Authentication control in CKEditor config file with using ASP.NET MVC 5

authentication,asp.net-mvc-5,ckeditor,ckeditor.net
Hi I am creating a blog for myself with using ASP.NET MVC 5 Framework. And I use CKEditor to create blog posts. Of course unauthenticated people will not create or edit. To create posts, login is needed exactly. I have this code in config.ascx file: public override bool CheckAuthentication() {...

Is there a way to click away from ckeditor and it saves the contents and then closes?

javascript,jquery,ckeditor
Im using CKEditor as my text editor. I was wondering if there is a way to click away from the editor (i.e anywhere else on the screen) which will then save the contents of it?

CKEDITOR - get Attribute from Parent when clicked on element

javascript,jquery,ckeditor
I'm trying to get the value of the attribute "data-time-start" when I click on an element in CKEDITOR body. My FIDDLE : http://jsfiddle.net/7hvrxw2c/25/ HTML : <div id="ckeditor_block"> <textarea id="editor1"> <span class="sub" id="sub1" data-time-start="0">Hello </span> <span class="sub" id="sub2" data-time-start="2">My </span> <span class="sub" id="sub3" data-time-start="6"><strong>Name</strong></span> <span class="sub" id="sub4" data-time-start="8"><strong><span...

CKEditor edit config on the fly

javascript,jquery,ckeditor
I have config.js file, but I also want to config some buttons dynamically. Here is my code for page: CKEDITOR.on('instanceReady', function (evt) { CKEDITOR.instances.MY_INSTANCE.destroy(); CKEDITOR.config.toolbar_Basic = [['Bold']]; CKEDITOR.config.toolbar = 'Basic'; CKEDITOR.config.width=400; CKEDITOR.config.height=300; CKEDITOR.replace('MY_INSTANCE', CKEDITOR.config); }); when I go to the page, textarea is blinking and appears/disappears all time. What's wrong?...

how to define ck-editor with id or class

php,ckeditor
My php file like this i am useing ck-editor in condition if i got $status > 0 than at that time display ck-editor otherwise it's display text box the problem is when my ck-editor name and text box name is same because i want to insert only one value which...

Meteor - Ckeditor Integration

javascript,jquery,meteor,ckeditor
I'm not sure if there has been a change in the way Meteor loads items, or the way it handles jquery, but I'm having an awful lot of trouble getting ckeditor to come up. Main Template (Iron-router): <template name="layout"> <head> <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script> <script type="text/javascript" src="js/ckeditor/adapters/jquery.js"></script> </head> ..... </template> Independent...

ckeditor initialise “find” plugin with ctrl+f

javascript,ckeditor
I am trying to initialise the find plugin from CKEditor, and I don't even know where to find their documentation for how to do this in the first place. I just need to init a plugin with a button press but rather a key press. So here's my code that...

ckeditor plugin strinsert: how to set custom strings after initialization

ckeditor
I'm trying to implement fixed placeholders to ckeditor by using plugins placeholder and strinsert as described here. Unfortunately I'm not able to alter strings array of plugin strinsert dynamically. This lines in config.js should work but it does not: CKEDITOR.editorConfig = function( config ) { config.strinsert_strings = [ ['[[foo]]'] ];...

CKEditor escape html

html,escaping,ckeditor,pre
I have CKEditor on post text where I want to insert html-code. Something like this: <pre> <code class="html"> <img src="path/to/img.jpg" /> </code> </pre> But when I save the text, CKEditor interprets img-tag as actual html-image and shows broken image. How I can prevent that and tell to escape html-code in...

How to hide CKEditor

javascript,php,jquery,css,ckeditor
I have two CKEditor in same page. How can I hide one of them? I tried to change textarea display and visibility to hidden but it does not work. $("textarea[name=icerik]").css("visibility", "hidden"); $("textarea[name=enicerik]").css("visibility", "visible"); Here are the initial CKEditors: CKEDITOR.replace( 'icerik' ); CKEDITOR.replace( 'enicerik' ); ...

ckeditor with no toolbar with bootstrap and display Preview by external button in rails

ruby-on-rails-3,twitter-bootstrap,ckeditor
I am about to use CKEditor for post functionality. But I don't need a toolbar for the post functionality. I need to provide a preview of the post that should be HTML version, preview functionality should be done by onkeyup/any button. And preview section will be below the CKEditor. Image...

JQuery is not picking up on changes to a div

jquery,ckeditor
I'm trying to count the amount of <img> tags in a div whenever a div is updated. The HTML is simply: <div id="Description" contenteditable="true"></div> Whenever the div's contents are changed, I want JQuery to count the the number of images in the div. So I wrote this: $(document).on('change', '#Description', function(e)...

How to integrate ckeditor to spree admin

ruby-on-rails,ckeditor,spree
I am new to spree and ckeditor integration. I want to integrate ckeditor to the spree admin. I could configure ckeditor correctly with rails_admin section of my website (following the steps in https://github.com/galetahub/ckeditor), but now i want to add it to a field in the product edition page in the...

ckfinder's browse for images not working properly on ckeditor php

php,html,ckeditor,image-upload,ckfinder
I am working on a core php. There is a page for products to add or edit their title description, images etc. For product description I used ckeditor plugin its working perfectly but there is no option for image uploading, so I add one more plugin ckfinder for upload the...

CKEditor to respect block elements

html,css,ckeditor
I'm trying to get CKEditor to respect block elements like div's but I can't manage it to work. Here's the sample code I use <div class="row" > <div class="col-md-12"> <h1><img alt="" src="http://placehold.it/252x337" style="margin-left: 10px; margin-right: 10px; float: left; width: 252px; height: 337px;" />What is it?</h1> <p><span style="color: rgb(0, 0, 0);...

Drag and drop external object into CKEditor

ckeditor
I see in CKEitor 4.5 there is a new drag and drop system. I would like to drop external DIVs or SPANs into my CkEditor and have them turn into "placeholders" "fake objects" or "protected source" objects. I.e., the dropped object should turn into arbitrary HTML that's related to the...

Get text from CK Editor textarea in JQuery

jquery,ckeditor
I am using CK Editor in an app. <textarea name="contentDetails" id="contentDetails" rows="10" cols="80"></textarea> But I can't retrieve text from that textarea. I've tried- var content= $("#contentDetails").text(); //and also .val() & .html() But content variable remains empty. Any idea? //UPDATE - add my codes below <script> CKEDITOR.replace('contentDetails'); $(function () { $("#submitcontent").click(function...

Modify CKEditor Advanced tab contents

tabs,ckeditor,customization
I'm using CKEditor and would like to modify the content of the Advanced tab I'd only like the Style input to appear, any ideas on how to do this? Thanks for any and all help!...

ckeditor firefox NS_ERROR_FAILURE: ( should I ignored it ? )

jquery,firefox,ckeditor
I have an annoying error on firefox with CKeditor. I get the following error in the console "detailed error: NS_ERROR_FAILURE: Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsITaskbarTabPreview.invalidate]" This error is looping until I close the modal see the screenshot here as I can not attach it to the post :...

CKEditor inserting in all

javascript,html,ckeditor
I'm applying a CKEditor in one <textarea> with the follow content: <q> <p>this is paragraph one.</p> <p>this is paragraph two.</p> </q> So, i want quote all those paragraphs. But, when i apply the CKEditor, the HTML above transform in this HTML: <q> <p><q>this is paragraph one.</q></p> <p><q>this is paragraph two.</q></p>...

CkEditor multiple values in templates property

templates,jquery-plugins,properties,ckeditor
How can I add more than one value to the 'templates' property of the CKEDITOR plugin? CKEDITOR.replace('text', { templates: 'template_1' }); ...

CKEditor Table Width and Column Width Units

javascript,html,css,ckeditor
I am currently testing CKEditor. Especially the features of the table resize and table plugin. What I found out so far is that it seems to work sometimes with pt and sometimes with px. Is there a way I can change the behaviour to work always with percentage or some...

Change height for only one textarea using ckeditor

javascript,ckeditor
I get 3 ckeditor textareas in one page. The problem is that I want one of the textarea to be the same size than twice the others. I can't find how to resize ONLY ONE textarea. <script type="text/javascript"> CKEDITOR.config.height='600px'; </script> Works fine but it changes all the textareas. I also...

403 error when submitting multiple paragraphs

php,html,mysql,forms,ckeditor
I have a problem with a comment box input. Everything works very well when only one paragraph is sent, but when multiple tags are added, i recieve a 403 error. This doesn't happen on the localhost, only on the live website. The textarea is a rich-text editor using CKeditor. I...

CKEditor - display table without Table button in toolbar?

javascript,html,ckeditor,ckeditor4.x
Is there any way to show tables in CKEditor (inline div if possible) without having the Table toolbar button displayed? It worked just fine in a textarea in FCKEditor, but I'm trying to move on to the current version. When I remove the Table toolbar button, the table briefly shows...

Configure CKEDITOR not to fix HTML for a certain custom tag

ckeditor
I use CKEditor within a template system where I use custom tags and then my PHP backend will replace the custom tags found in the HTML with data. For example, on a tutorial I may have a standard set of instructions on how to do something, but certain examples require...

Remove upload tab from Link menu

ckeditor
Is there a way to remove the "Upload" tab when using the Link dialog? I don't need it removed globally, just in the Link functionality. ...

CKEditor multiple user access

ckeditor
Does CKEditor solve the problems of multiple users accessing and editing the same file? If so, are there any configuration options available? If not, what are the possibilities of implementing custom multi-user behaviour? Or, are there any alternative editors with similar features and multi-user support?

CKEditor with “Univers LT Std 45 Light” font type

fonts,ckeditor
Could I please confirm whether CKEditor supports the font "Univers LT Std 45 Light". The reason is that after I updated my config as follows: config.font_names = CKEDITOR.config.font_names + ';Univers LT Std 45 Light'; I do not see this font being applied in the editor, instead it defaults to "Arial"....

CKEDITOR leave text as it is

content-management-system,ckeditor
When i save my content, it changes things that i don't want to be changed. How can i make it so it would just save my content without changing anything? Content before saving: <a anything</a> After save the above example becomes: <a a="" anything=""> </a> Im trying to find a...

Ck editor not show in popup javascript

javascript,html,popup,ckeditor,popupwindow
i put code ckeditor in my website, but ck editor not showing in popup javascript, previously i try put ckeditor not using popup. This ck editor work. but i put in javascript popt not working. This is my screenshoot using javascript popup This is my screenshoot not using javascript popup...

How to bind CKEditor to a Textbox in ASP.Net 3.5?

asp.net,ckeditor
How to bind CKEditor to a Textbox in ASP.Net 3.5? I have a Control ID, but this changes when page is opened in Browser. ASP.Net 3.5 does not have ClientID Feature....

Using a custom html tag in CKEditor

ckeditor
I am trying to integrate CKEditor into an internal PHP application, where in the past I was just pasting my HTML into a textarea field in a form. This HTML that I am submitting in the form is for a custom template system that uses custom tags. These custom tags...

ckeditor cannot load when append by click in php and jquery

jquery,ckeditor
My Code is given below, <div id="show_ck"> <div style="width:80%; float:left;"> <textarea name="test_0" class="ckeditor" ></textarea> </div> <div style="width:20%; float:left;"> <img class='btnAddMore' width='30px' height='30px' src='img/add_btn.png' alt='Add' /> </div> <div style="clear:both;"></div> </div> <script src="jquery-1.11.2.js"> </script> <script src="ckeditor/ckeditor.js"> </script> <script> $(document).ready(function(){ var...

Ckeditor 4.4.7 Enhanced Image plugin: figcaption with tags

javascript,ckeditor
I want to use p and span tags to make styled caption: <figure> <img ... /> <figcaption> <p><span class="styled">Caption1</span></p> <p>Caption2</p> </figcaption> </figure> How to do that?...

CkEditor: Uncaught TypeError: Cannot read property 'indexOf' of undefined

jquery,ckeditor
I had a problem with CKEditor. When I use plugin BBCode and input a basic smiley ( ex: ":D" or ":(" like the first image ) then the error "Uncaught TypeError: Cannot read property 'indexOf' of undefined" appears in console log, and the editor become empty looks like the third...

Ckeditor doesn't appear at foreign countries

ckeditor
Hello this is my js config file CKEDITOR.replace( 'detay', { filebrowserUploadUrl : "../uploader.php?type=files", filebrowserImageUploadUrl : "../uploader.php?type=images", filebrowserFlashUploadUrl : "../uploader.php?type=flash", language: 'az', // Remove unused plugins. removePlugins :'bidi,button,dialogadvtab,div,forms,horizontalrule,iframe,indent,pagebreak,showborders,stylescombo,table,tabletools,templates', // Width and height are not supported in the BBCode format, so object resizing is disabled. // Define font sizes in percent values....

Is there a way to delete all files related to Ckeditor gem

ruby-on-rails,git,ckeditor
I am using Rails 4.2 and Git, recently I have installed the Ckeditor gem but after a while I decided to discard all the changes (include deleting all files added by ckeditor gem) the first thing I did is committing the changes : git add . git commit -am "added...

CKEditor4.x: Disallow one tag inside an other

ckeditor,ckeditor4.x
I started using CKEditor 4.x recently, but I want that the user can only use a very limited set of tags. Also not all combinations of tags are useful. I only allow these tags/formats currently: <p>, <h3>, <ul>, <ol>, <li>, <strong>, <em> (and maybe some more) I only need, that...

CKEDITOR - Toolbar button with text

button,text,plugins,ckeditor,toolbar
I have a plugin to save the editor contents via Ajax. Right now the button on the toolbar has an image. I wanted to change that to have bold text spelling out 'SAVE'. Is this possible? This is button currently in my plugin. editor.ui.addButton('ajax-save', { label: I18n.t('js.save'), command: ajax-save, className...

CKEditor 4.4.7 does not show up on any mobile browsers

android,iphone,mobile,ckeditor,ckeditor4.x
I am creating an internal CMS for work, and it is important that all pages be mobile-friendly. When you view a page with CKEditor 4.4.7 installed from a phone, the editor shows up as a normal textarea and none of the HTML or text within it is properly formatted. I...

Ckeditor inline editor stays on screen when scrolling a “scrollable” div

javascript,jquery,scroll,ckeditor
I have a "scrollable" div. Inside this div i have some text and another div with contenteditable=true. The HTML source looks like this <div id='scrollable' style="overflow:scroll;height:500px;width:90%;position:absolute"> some text <div id='editable' style="color:red" contenteditable=true>editable div</div> some text </div> An inline ckeditor editor for the "editable" div should appear on page load. This...

after ajax form submit value from ckeditor textarea is not sent through post

jquery,ajax,ckeditor
i have a form having some textfields and a textarea (ckeditor), after onclick button art_title field value is sent to art_save.php page, but value from textarea is not sent. <script src="ckeditor/ckeditor.js"></script> function saveArt() { var title = document.getElementById('art_title'), art_title = title.value; var desc = document.getElementById('art_body'), art_body = desc.value; jQuery.ajax({ type:...

Get original event object in CKEditor

jquery,ckeditor
The Context I have a pretty simple use-case. My page has some configurable shortcut keys. I handle keydown events at the document node and, if the keypress is one of the configurable shortcuts, then I execute a series of actions and call event.preventDefault(), etc., to prevent standard actions from taking...

How to turn off auto-formating code in CKEditor 3.6.4?

javascript,html,web,ckeditor
maybe is way to turn off auto-formating HTML code in CKEditor version 3.6.4? I found only how to disable auto </br> after <td> in CKEditor?, but i need to turn off this function. Now i try to save code: {if key is 1}<li>custom text</li>{/if} and i get: <li> {if key...