+ Start a Discussion

RichText Editor (CKEditor) with full toolbar with image upload

Has anybody implemented RichText Editor with full CKEditor toolbar with fileupload?


Has anybody used "/_ui/common/request/servlet/RtaImageUploadServlet" as URL for file upload?



When I access URL "https://cs11.salesforce.com/_ui/common/request/servlet/RtaImageUploadServlet" , I get below error.


while(1); {"errMsg":["\u003Cb\u003EError:\u003C/b\u003E Invalid parameters.","\u003Cb\u003EError:\u003C/b\u003E Invalid parameters."]}


When I use below code , it shows full toolbar . But Image upload does not work.




CKEDITOR.on('instanceReady', function(e) {
if (e.editor.config.magic) return;
var target = e.editor.config.bodyId;
var name = e.editor.name;


CKEDITOR.editorConfig = function( config ) { config.magic = true; }
CKEDITOR.replace(name, {
height : 600,
bodyId : target ,
sharedSpaces : { top : 'cke_topSpace', bottom : ' cke_bottomSpace' },
filebrowserImageUploadUrl : '/_ui/common/request/servlet/RtaImageUploadServlet',
contentsCss : ['/sCSS/29.0/sprites/1377821920000/Theme3/default/gc/HtmlDetailElem.css', '/sCSS/29.0/sprites/1377821920000/Theme3/default/gc/CKEditor.css'],
language : 'en-us',
sfdcLabels : {
CkeMediaEmbed : {
title : 'Embed Multimedia Content',
description : 'Use <iframe> code from DailyMotion, Vimeo, and Youtube.',
subtitle : 'Paste <iframe> code here:',
exampleTitle : 'Example:',
example : '\n \n <iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/KcOm0TNvKBA\" frameborder=\"0\" allowfullscreen></iframe>\n \n ',
iframeMissing : 'Invalid <iframe> element. Please use valid code from the approved sites.'
sfdcSwitchToText : { sfdcSwitchToTextAlt : 'Use plain text'},
CkeImageDialog : {
uploadTab : 'Upload Image',
infoTab_url : 'URL',
error : 'Error:',
uploadTab_desc_info : 'Enter a description of the image for visually impaired users',
uploadTab_desc : 'Description',
infoTab_url_info : 'Example: http://www.mysite.com/myimage.jpg',
btn_insert : 'Insert',
missingUrlError : 'You must enter a URL',
uploadTab_file : 'Select Image',
infoTab_desc : 'Description',
btn_upadte : 'Update',
wrongFileTypeError : 'You can insert only .gif .jpeg and .png files.',
infoTab : 'Web Address',
title : 'Insert Image',
infoTab_desc_info : 'Enter a description of the image for visually impaired users',
imageUploadLimit_info : 'Max number of upload images exceeded',
uploadTab_file_info : 'Maximum size 1 MB. Only png, gif or jpeg'
} ,
CkeImagePaste : { CkeImagePasteWarning : 'Pasting an image is not working properly with Firefox, please use [Copy Image location] instead.' }



Any ideas on how to use full toolbar with Salesforce OOB image upload functionality?

Did you have any luck finding the answer to this? I would also like to be able to customize the tool bar while keeping the Salesforce OOB Image upload functionality.