2015-09-04 137 views
1

我想添加一個圖像到textarea的內容(由CKEDITOR取代)。CKEDITOR添加圖片

我所擁有的是一個腳本,它需要上傳圖片,並將其轉換爲BASE64(縮小後)。

而且我知道,CKEDITOR的textarea能夠顯示圖像(因爲有可能通過url插入圖像)。但實際上我沒有嘗試過。

所以我有一個文本編號爲editor的文本區,我將其替換爲var editor = CKEDITOR.replace('editor');

我試過的是$('#editor').append('<img src="data:image/jpeg;base64,.........),不工作。我也試過iit與 editor.insertHTML(),但這並不工作以及....

我現在嘗試,是在CKEDITOR的url輸入插入base64字符串(添加圖像時),工作。那麼有人知道我該怎麼做?無論是通過以base64作爲src添加一個圖像,還是通過插入base64字符串作爲內置圖像上傳功能的url。

回答

0

想出如何做到這一點:

CKEDITOR.instances.editor.insertHtml('<img src="' + base64string + '">');

這對我來說是個竅門,所以實際上使用insertHtml,但是通過訪問CKEDITOR.instances.editor而不是var,在替換編輯器時聲明。