Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Your directive is working well.</p> <p>There is a plugin called <strong>sourcearea</strong> that controls the CKEditor behavior while on <em>source mode</em>. I couldn't see any event being fire inside the code of that plugin for handling input. There are though two events that we can use to catch when the CKEditor goes back to <em>GUI mode</em>. The events are <strong>ariaWidget</strong> and <strong>dataReady</strong>.</p> <p>I've updated your example to use the <strong>dataReady</strong> event, so it updates the textarea when switching back. I also changed the <strong>pasteState</strong> event to <strong>change</strong>, as <a href="https://stackoverflow.com/questions/11997246/bind-ckeditor-value-to-model-text-in-angularjs-and-rails#comment27180866_12021632">Dan Caragea said</a> it was introduced in version 4.2. <a href="http://jsfiddle.net/fdD63/3/" rel="nofollow noreferrer">Updated fiddle can be found here</a></p> <p>One almost-there-solution I found is to listen to the <strong>key</strong> event and update the model. It is almost there, because it seems the event is only fired for the old key pressed. So the last key is always missing.</p> <pre><code>var cmsPlus = angular.module('cmsPlus', []); cmsPlus.directive('ckEditor', function() { return { require: '?ngModel', link: function(scope, elm, attr, ngModel) { var ck = CKEDITOR.replace(elm[0]); if (!ngModel) return; ck.on('instanceReady', function() { ck.setData(ngModel.$viewValue); }); function updateModel() { scope.$apply(function() { ngModel.$setViewValue(ck.getData()); }); } ck.on('change', updateModel); ck.on('key', updateModel); ck.on('dataReady', updateModel); ngModel.$render = function(value) { ck.setData(ngModel.$viewValue); }; } }; }); </code></pre> <p>Anyway, maybe you can figure out from this how to fix the last key problem. It is almost there!</p> <p>EDIT: updated fiddle link to correct version</p>
    singulars
    1. This table or related slice is empty.
    1. POUpdating textarea value with CKEditor content in Angular JS
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCommunity
    1. USJonas
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POUpdating textarea value with CKEditor content in Angular JS
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTBountyClose
    1. COThanks @Jonas Hartmann. It's working fine..!!!
      singulars
      1. PO
      1. USdevo
    2. CO@Jonas - Can you tell me why you chose to use $viewValue in the ck.setdata and not $modelValue. I am starting to see some ckEditor directives that use one and others that use the other.
      singulars
      1. PO
      1. USAlan2
    3. CO@Alan - First, I just modified the code from the OP. But I think it makes more sense to use the $viewValue, because when we call ck.setdata, we want to present the data to the user. The $viewValue is the data ready to be displayed.
      singulars
      1. PO
      1. USJonas
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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