Note that there are some explanatory texts on larger screens.

plurals
  1. PODisabled text area
    primarykey
    data
    text
    <p>I have an editor instance that opens inside a modal dialog (on a jquery.dialog("open")).</p> <p>The problem is that <strong>sometimes</strong> in Chrome browser, the editable area comes disabled by default (and the user cannot write any text). I can do two thing to enable it :</p> <ol> <li>Click the 'source' button twice</li> <li>Resize the editor</li> </ol> <p>Is this a known problem? I cannot find any sources/solutions on it.</p> <p>Please note that Firefox browser has never created this problem. </p> <p>Also this question addresses this problem <a href="https://stackoverflow.com/questions/13881224/ckeditor-textarea-is-disabled-up-until-when-i-click-the-source-button?rq=1">CKeditor textarea is disabled up until when I click the source button?</a> but no answer is given.</p> <p>Thanks</p> <p><strong>UPDATE</strong></p> <p>My html</p> <pre><code>&lt;textarea name="problem" id="problem" class="ckeditor" &gt;&lt;/textarea&gt; </code></pre> <p>My initialization code:</p> <pre><code>var editor = CKEDITOR.instances.problem; editor.setData(''); editor.resize( '100%', '80', true ); </code></pre> <p>My config.js :</p> <pre><code>CKEDITOR.editorConfig = function( config ) { config.toolbar = 'MyToolbar'; config.toolbar_MyToolbar = [ { name: 'document', items : [ 'Preview','Print','-','Templates' ] }, { name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] }, { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv', '-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] }, { name: 'links', items : [ 'Link','Unlink', ] }, { name: 'insert', items : [ 'Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] }, { name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] }, { name: 'colors', items : [ 'TextColor','BGColor' ] }, { name: 'tools', items : [ 'Maximize', 'ShowBlocks','Source'] } ]; config.format_tags = 'p;h1;h2;h3;pre'; config.removeDialogTabs = 'image:advanced;link:advanced'; config.scayt_autoStartup = true; config.skin = '/kama'; config.entities_processNumerical = 'force'; }; </code></pre> <p><strong>UPDATE 2</strong></p> <p>Here is also a screen shot of what is happening this time in Firefox 21.0:</p> <p><img src="https://i.stack.imgur.com/x0D81.png" alt="enter image description here"></p> <p>The difference between the Chrome error is that the 2 steps listed above to enable the editor didn't work. I had to refresh the page in order to make it work.</p> <p>Here is the actual <a href="http://jsfiddle.net/a7vPa/" rel="nofollow noreferrer">html</a> code when this occurred.</p> <p>Please also note that there where no console errors.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload