CKEDITOR 添加图片
CKEDITOR add image
我想将图像添加到文本区域的内容(由 CKEDITOR 替换)。
我有一个脚本,它获取上传的图像,并将其转换为 BASE64(缩小尺寸后)。
而且我知道,CKEDITOR 的文本区域能够显示图像(因为可以通过 url 插入图像)。但实际上我尝试过的都没有用。
所以我有一个 ID 为 editor
的文本区域,我将其替换为 var editor = CKEDITOR.replace('editor');
。
我试过的是 $('#editor').append('<img src="data:image/jpeg;base64,.........)
,没有用。我也试过
editor.insertHTML()
但这也行不通....
我现在尝试的是在 CKEDITOR 的 url 输入中插入 base64 字符串(添加图像时),这很有效。那么有人知道我该怎么做吗?通过仅附加带有 base64 作为 src 的图像,或者通过插入 base64 字符串作为内置图像上传功能的 url。
想出如何去做:
CKEDITOR.instances.editor.insertHtml('<img src="' + base64string + '">');
.
这对我有用,所以实际上使用了 insertHtml,但是通过访问 CKEDITOR.instances.editor,而不是通过替换编辑器时声明的 var。
我想将图像添加到文本区域的内容(由 CKEDITOR 替换)。
我有一个脚本,它获取上传的图像,并将其转换为 BASE64(缩小尺寸后)。
而且我知道,CKEDITOR 的文本区域能够显示图像(因为可以通过 url 插入图像)。但实际上我尝试过的都没有用。
所以我有一个 ID 为 editor
的文本区域,我将其替换为 var editor = CKEDITOR.replace('editor');
。
我试过的是 $('#editor').append('<img src="data:image/jpeg;base64,.........)
,没有用。我也试过
editor.insertHTML()
但这也行不通....
我现在尝试的是在 CKEDITOR 的 url 输入中插入 base64 字符串(添加图像时),这很有效。那么有人知道我该怎么做吗?通过仅附加带有 base64 作为 src 的图像,或者通过插入 base64 字符串作为内置图像上传功能的 url。
想出如何去做:
CKEDITOR.instances.editor.insertHtml('<img src="' + base64string + '">');
.
这对我有用,所以实际上使用了 insertHtml,但是通过访问 CKEDITOR.instances.editor,而不是通过替换编辑器时声明的 var。