Angular2裡Ckeditor銷毀的解決方式

2021-09-11 10:03:46 字數 652 閱讀 1103

angular2中,在使用ckeitor4.x編輯器的頁面中,切換到其他頁面,其他頁面會報警告,警告內容如下: [ckeditor] error code: editor-destroy-iframe. ckeditor.js:21 [ckeditor] for more information about this error go to docs.ckeditor.com/#!/guide/de… 根據鏈結文件解釋如下:

翻譯過來就是,需要我們在ckeditor從dom中解除安裝前先把ckeditor銷毀。 看了angular1中的使用方式是在進入頁面時先判斷有沒有ckeditor的例項,如果有就先銷毀再建立新的,和這裡是乙個意思。只是這過程中我該如何在angular2中去實現這個銷毀的過程。 嘗試了一些方法都沒有成功。沒轍,只能在github.com上檢視ng2-ckeditor這個專案裡的issue裡是否有這個問題。果然有。參考了下,改變兩處引入方式,乙個是index.html裡ckeditor的js位址,二是頁面中使用ckeditor元件的位置,config資訊裡新增外掛程式需求。

2.使用位置修改 增加[config]="", 這裡需要使用外掛程式divarea

問題是解決了,但原理是什麼還需要再看看。不過到是體會了遇到解決不了的問題,應該回到社群,回到專案根源。

angular2 發布angular2模組,服務

上回說到了如何利用npm包管理器發布自己的包,這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構,一般都需要下列檔案 html檔案,css檔案,component檔案,module檔案。component檔案內容 import區域 impor...

Angular2表單驗證

angular2中使用表單,首先要在from上新增 forma ngform 這個是給from定義成了angular的from物件 form horizontal forma ngform ngsubmit onsubmit showmodal 下面的label中的for對應著input中的id值,...

Angular2學習 安裝

在安裝angular2的時候需要使用npm,npm是nodejs的包管理器,因此首先我們需要檢查node安裝與否 1 檢查nodejs和npm 1 node v 輸出 v10.2.0 版本號 代表已安裝,否則未安裝,未安裝則安裝node 2 npm v 輸出版本號代表已安裝,否則未安裝 2 安裝no...