angularjs - How to use CKEditor with Angular's ngShow/ngHide directives -


i using ckeditor wysiwyg editor text input on site. , ran problem of using editor angular's ng-show directive.

when editor loads ng-show="true" editor works fine. meaning toolbar pops up, buttons on toolbar work, , text editable well.

however when editor loads ng-show="false" , later switch ng-show="true" toolbar still comes up, contenteditable attribute set false whatever reason, , buttons disabled.

my ckeditor instance inline editor , loaded custom angular directive. html template sets contenteditable attribute true.

you got problem because ckeditor tries modify textarea since beginning of html rendering textarea didn't exist yet since ng-show condition not met yet.

there angular modules ckeditor can use available on internet. can choose 1 , use it.