2017-07-11 8 views
0

私はカスタムツールバーを私のAngular-Ckeditorツールバーに追加しようとしています。角度調整器の色

詳細:
角度:1.5.8
角度-CKEditorバージョン:1.0.3
CKEditorバージョン:4.7.1

は角-CKEditorバージョンは9ヶ月で更新されていないと私はそれだけでない疑いがあります色付きのテキストと色付きの背景をサポートしていますが、わかりません。コントローラで
<script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.7.1/ckeditor.js"></script>

:最後に、その後

$scope.editorOptions = angular.merge({}, EditorOptions.basic, { 
       on: { 
       blur: function() { 
        $scope.updateNode($scope.node); 
       } 
       } 
      }); 

そして、

app.service('EditorOptions', function() { 
this.basic = { 
toolbar: [ 
     { name: 'clipboard', items: ['Undo', 'Redo' ] }, 
     { name: 'editing', items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] }, 
     { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript'] }, 
     { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] }, 
     { name: 'insert', items: [ 'Image', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar'] }, 
     '/', 
     { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] }, 
     { name: 'colors', items: [ 'TextColor', 'BGColor' ] }, 
     { name: 'tools', items: [ 'Maximize'] } 
    ]... 

は、フロントエンドからのスクリプト呼び出しがあります:

これはeditorOptionsが設定されている方法ですフォーム:

<textarea ckeditor="editorOptions" ng-model="node.body"></textarea> 

ツールバーの色の設定が表示されない理由を知っている人はいますか?他のすべてのツールバーグループが適切にレンダリングされています。

答えて

0

修正:プラグインを追加

toolbarGroups: [ 
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, 
    { name: 'insert', groups: [ 'insert' ] }, 
    { name: 'forms', groups: [ 'forms' ] }, 
    //{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, 
    { name: 'others', groups: [ 'others' ] }, 
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
    { name: 'tools', groups: [ 'tools' ] }, 
    '/', 
    { name: 'links', groups: [ 'links' ] }, 
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] }, 
    { name: 'paragraph', groups: [ 'indent', 'list', 'blocks', 'align', 'bidi', 'paragraph' ] }, 
    { name: 'colors', groups: [ 'colors' ] }, 
    { name: 'styles', groups: [ 'styles' ] }, 
    // { name: 'about', groups: [ 'about' ] } 
], 
removeButtons: 'About,Source,Anchor,Cut,Copy,Paste,PasteText,PasteFromWord,Font', 
format_tags: 'p;h1;h2;h3;pre', 
removeDialogTabs: 'image:advanced;link:advanced', 
linkShowTargetTab: false, 
extraPlugins: 'colorbutton' 
関連する問題