ckeditor

I am using Colorbox in my project. I have integrated CKEditor in colorbox. Its working fine in all browsers, but a small issue in Google Chrome - Editor will open properly on first click, After closing the pop up and try the editor on second time without loading the page , I can't type text in the editor, Editor will enable on clicking on the source. I am not using the source toolbar in basic editor. I spent more than 5 days for for finding a solution for this issue and try help from others - No result yet. Expecting better feedback... Thanks for help in advance. I have set up a test code for

Does anyone have a good working example of how to use CKEditor in Aurelia? I try this code in my template file but get the following error: <template> <require from="../../../jspm_packages/npm/ckeditor@4.5.10/ckeditor.js"></require> <textarea name="editor1" id="editor1"></textarea> <script> CKEDITOR.replace('editor1'); </script> </template> Error: c[a] is undefined system.js 4992:13 This example works well in ESNext/SystemJS skeleton. First, install ckeditor via jspm: jspm install npm:ckeditor Now, let's create out editor based on CKEDITOR. I named it as editor : editor.html: <template>

This is a bit tricky because Heroku uses a Read-only Filesystem across their Dyno Grid. Which means when trying to install ckeditor remotely, I get an error : heroku rake db:migrate rake aborted! Read-only file system - /disk1/home/slugs/362142_8858805_b85c-f2f3955d-f087-4bc4-8b1b-b6e898403a10/mnt/public/javascripts/ckcustom.js ckcustom.js is a config file to manage your meta settings for ckeditor. I was wondering if anyone else had these troubles, and what they did to get around them? Is there a reason why you're not just committing it to git and pushing it to heroku along with the rest of

I have few lines of HTML in my database. I want to edit the content in CKEditor. But when I open that in editor the HTML gets break down. The HTML gets rearranged. Below is the HTML which is in database: <span class="sec_title"> <h1><span>Web</span> Engineering</h1> <hr> </span> And when I open it in CKEditor the HTML looks likes below: <h1><span class="sec_title"><span>Web</span> Engineering</span></h1> <hr /> Some one please help me. I tried config.allowedContent = true; but it is also not stopping the CKEditor to do the modifications. CKEditor works with a valid HTML only and <h1> is not a

Here is the challenge I'm struggling with. I have a user that wants to be able to tab through the different tabs with bootstrap tabs that are in a single ckeditor instance. I understand the reasons why links are disabled for most a tags, but would like to allow the event to occur for just these tab links. I've attached a screenshot showing the editor with a bootstrap tab region in the content. Basically, if the user hits "Facilities", "Products", "Partners" or "Sustainability" I would like the associated view below to show so the user could edit the content for each tab-pane. Link to Fiddle

Is there a way to get a list of all allowed tags in CKEDitor 4.x (4.4.7 to be precise) after the editor has been initialized with all plugins, and all allowedContentRules and disallowedContentRules or any other datafilters have been applied? I would like to have this list so that I can pass it on to our back-end for whitelisting. I know there is already a whitelist plugin for CKEditor which would allow me to specify the same whitelist on both front-end and back-end, but I'm afraid I may miss some tag used in some plugin which may cripple them. Probably CKEDITOR.filter.allowedContent is what

Is there a way to disable the sorting of element attributes so that checkDirty() will work correctly when allowedContent is set to true? Example of the sorting of attributes here <div zattribute='z' attribute='a'>simple</div gets changed to <div attribute="a" zattribute="z">simple</div> causing the checkDirty() call to always return true even though the user didn't actually change anything within the ckeditor user interface. CKEDITOR.on( 'instanceReady', function( ev ) { ev.editor.dataProcessor.writer.sortAttributes = 0; }); will disable attribute sorting for all editor instances on the page.