使用async function 載入CKeditor

javascript jquery js

豬豬人 2020-11-25 10:02:09 ‧ 1409 瀏覽

分享至

小弟使用async function 來非同步載入ckeditor.js 但是出現了以下錯誤
Uncaught (in promise) TypeError: Cannot read property 'document' of undefined
想請問這是甚麼意思該如何解決呢?
以下是程式碼

<script>
		async function start_select(default_switch){
			await import("./ckeditor/ckeditor.js");
		}
		start_select()
	</script>

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2020-11-25 10:17:09

不能這樣去應用 ckeditor 。
你參考一下官方文件處理

https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/overview.html

回應 3
分享
檢舉

豬豬人 iT邦新手 4 級 ‧ 2020-11-25 11:56:43 檢舉

謝謝星大，但我是用ckeditor4，好像找不到相關應用...

leeihsing0127 iT邦新手 5 級 ‧ 2020-11-25 12:08:33 檢舉

https://ckeditor.com/

下方就有針對 ckeditor 4做說明了啊

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2020-11-25 12:21:48 檢舉

https://ckeditor.com/docs/ckeditor4/latest/guide/dev_installation.html

這是4的說明。裏面也有對應的載入。
基本最好還是用npm安裝。會比較容易應用。

登入發表回應

亞歷斯

iT邦新手 5 級 ‧ 2020-11-26 21:15:38

看起來你使用的是本地檔案，如果需要延後載入本地端的檔案，並不需要使用 async function，你可以建立<script/> 元素插入檔案：

function loadCkeditor() {
    var scriptEl = document.createElement('script');
    scriptEl.src = './ckeditor/ckeditor.js';

    document.body.appendChild(scriptEl);
}

loadCkeditor();

另外，如果專案許可，使用套件管理工具（npm, yarn）會是更好的選擇。