Question

我有一个带有ckeditor的Ionic应用程序（为此，我使用ng2.ckeditor插件https://github.com/chymz/ng2-ckeditor）。

我为我的文本编辑器创建了一个自定义按钮，并且在所有平台（浏览器，Android和IOS）上都可以正常工作，但是该图标仅在浏览器中可见。

这是我的代码：

    <ckeditor #ckeditor
      [(ngModel)]="content"
      [config]="{
        toolbar: [
          [ 'Styles', 'Bold', 'Italic', 'Underline', 'BulletedList', 'Image', 'Link', 'Unlink', '-', 'Undo', 'Redo','saveButton']
        ]
      }"
      (ready)="onReady($event)"
      debounce="500">
        <ckbutton [name]="'saveButton'"
          [command]="'saveCmd'"
          (click)="save($event)"
          [icon]="'/assets/icon/save_icon.png'"
          [label]="'Save Document'"
          [toolbar]="'clipboard,1'">
        </ckbutton>
</ckeditor>

如果将URL更改为此，我也可以在Android中看到该图标：

[icon]="'/android_asset/www/assets/icon/save_icon.png'"

但是我不知道如何在IOS中看到该图标。如果删除第一个“ /”，则URL会转到ckeditor网站并抛出此错误

ckeditor.js：89 GET http://cdn.ckeditor.com/4.7.3/standard-all/assets/icon/save_icon.png/ 404（未找到）

我认为更好的解决方案是知道资产路径，但是我不知道在通用模式下（对于IOS和Android）这是否可行。有人可以帮我吗？

非常感谢！

使用ionic 3在ng-ckeditor中添加自定义图标

0 个答案: