在VUE中,關於CKEditor使用

2021-09-28 04:40:20 字數 1025 閱讀 2092

官方文件

**如下

classiceditor .create( document.queryselector( '#editor' ),  )    .then( editor=>  )    .catch( error=>  );
然後可以在console中使用

window.ckeditor_translations
檢視當前使用的語言 , 遵循iso 639-1

下面講解的是如果不需要單獨使用上傳伺服器該如何把和文字一起上傳到資料庫

editor.plugins.get('filerepository' ).createuploadadapter =function( loader ) , 1000);

return new uploadadapter(loader);

};

vm.html_image就是儲存當前內容中base64

uploadadapter檔案就是防止報錯,阻攔檔案上傳的方法,內容如下

class uploadadapter 

upload() );

}}export default uploadadapter;

最後在儲存檔案方法之後拿到文件內容html,使用indexof將base64寫入傳給後台,具體**如下

string.prototype.splice =function(start, newstr) ;

var data =this.editor.getdata();

var current =0, index =0, temp = [data];

this.html_image.foreach((item, i) => "`);

});this.$emit('data', temp [temp.length -1]);

更多專業前端知識,請上

【猿2048】www.mk2048.com

ckeditor 在dwz裡面使用

在ckeditor的配置的過程中,所有的配置的地方都配置了,但是就是不顯示編輯器 編輯器 如下 很鬱悶哦 1於是就上網找了資料,找到了解決的方法,加入下面的指令碼就行了,問題解決!上面的問題還有一種解決的方案就是ckeditor.editorspace 上面的問題解決好了,又來了新的問題,就是新增資...

VUE使用ckeditor的方法步驟

在開發 專案的時候,要用到乙個富文字編輯器,都說tinymce編輯器好用,但是安裝了幾次,不是語言包的錯誤,就是 的錯誤,好不容易解決了,有顯示不出來,還布局出問題,折騰了一天多,就果斷放棄,使用ckeditor富文字編輯器,十分鐘就搞定,沒有太多的坑,推薦使用。具體使用方法 官網 1 安裝 有四種...

PHP中CKEditor和CKFinder使用心得

最近由於工作需要,一次性需要把所有的編輯器改進成ckeditor,不過這玩意沒有上傳功能,只好找到它的姐妹產品ckfinder。網上一查,才知道這兩東西合夥才有希望完成上傳等諸多功能。由於之前都用fckeditor,突然使用ckeditor蠻不適應,不過fck由於有漏洞,也不敢用了,才知道原來fck...