大佬教程收集整理的这篇文章主要介绍了angularjs ckeditor指令有时无法从服务加载数据,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
ck.on('instanceReady',function() { ck.setData(ngModel.$viewValue); });
为了完整起见,这里是我使用的完整指令.
//Directive to work with the ckeditor //See https://stackoverflow.com/questions/11997246/bind-ckeditor-value-to-model-text-in-angularjs-and-rails app.directive('ckEditor',function() { return { require: '?ngModel',link: function(scope,elm,attr,ngModel) { var ck = CKEDITOR.replace(elm[0],{ toolbar_Full: [ { name: 'document',items : [] },{ name: 'clipboard',items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },{ name: 'editing',items : [ 'Find','Replace','SpellChecker','Scayt' ] },{ name: 'forms',{ name: 'basicstyles',items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript' ] },{ name: 'paragraph',items : [ 'NumberedList','BulletedList','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },{ name: 'links',{ name: 'insert',items : [ 'SpecialChar' ] },'/',{ name: 'styles',items : [ 'Styles','Format','Font','FontSize' ] },{ name: 'colors',{ name: 'tools',items : [ 'Maximize' ] } ],height: '290px',width: '99%' } ); if (!ngModel) return; //loaded didn't seem to work,but instanceReady did //I added this because sometimes $render would call setData before the ckeditor was ready ck.on('instanceReady',function() { ck.setData(ngModel.$viewValue); }); ck.on('pasteState',function() { scope.$apply(function() { ngModel.$setViewValue(ck.getData()); }); }); ngModel.$render = function(value) { ck.setData(ngModel.$viewValue); }; } }; });
以上是大佬教程为你收集整理的angularjs ckeditor指令有时无法从服务加载数据全部内容,希望文章能够帮你解决angularjs ckeditor指令有时无法从服务加载数据所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。