upload a image and insert directly into CKEditor

Posted by Timmeh on Stack Overflow See other posts from Stack Overflow or by Timmeh
Published on 2010-04-16T10:46:57Z Indexed on 2010/04/16 10:53 UTC
Read the original article Hit count: 191

Filed under:

ckeditor

|

wysiwyg

|

JavaScript

|

jQuery

I'd like to create the same kind of function tumblr has for uploading images and then inserting them directly into the WYSIWYG editor.

I was planning on using uploadify to upload the image, then I am not sure of the method for inserting into the CKEditor.

Has anyone done anything similar or know of a plugin that could do this? Ideally I'd like it to insert the image wherever the text cursor was last placed.

Upload an image and directly insert it into a text area

Thanks in advance,

Tim

© Stack Overflow or respective owner

Related posts about ckeditor

ckeditor: toggle button in facelets

as seen on Stack Overflow - Search for 'Stack Overflow'
I am trying to toggle between CKEditor and textarea in a facelet(.xhtml) file. I have used the same code in a jsp file and it works fine. But in .xhtml file its not doing the toggle between ckeditor and plain editor.It loads ckeditor both the times.Can anyone please let me know what am I missing. Code… >>> More
What is all this stuff in the CKEditor folder?

as seen on Stack Overflow - Search for 'Stack Overflow'
A while ago I downloaded the latest version (3.1) of the CKEditor text editor. The directory name was ckeditor and I deleted the ckeditor/_source and ckeditor/_samples sub-directories, then I referenced the ckeditor.js file in my html pages, like so : <script type="text/javascript" src="ckeditor/ckeditor… >>> More
Integrating CKeditor to my symfony2 project

as seen on Stack Overflow - Search for 'Stack Overflow'
I was trying to integrate ckeditor to my symfony2 project so that some of the textarea will have the ckeditor html editor. I brought the ckeditor on my required textarea by calling the class="ckeditor" in my form. The issue that I am facing now is that when I use the ckeditor the submit button of… >>> More
Use ckeditor for enter Message in ASP.net and LINQ to SQL

as seen on Stack Overflow - Search for 'Stack Overflow'
hi I want to use Ckeditor for Entering text and I want to save that text in Database,but when I Write the text in editor and I want to save it in database this error appeared . A potentially dangerous Request.Form value was detected from the client (editor1=" this is my code : M.Body = editor1… >>> More
Get formatted HTML from CKEditor

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using CKEditor in my web app, and I'm at a loss as to how to get the contents of the editor with HTML formatting. var objEditor = CKEDITOR.instances["sectionTextArea"]; var q = objEditor.getData(); This will get me the text entered in CKEditor, without any markup. However, var q = objEditor… >>> More

Related posts about wysiwyg

jQuery + InnovaStudio WYSIWYG Editor

as seen on Stack Overflow - Search for 'Stack Overflow'
I am trying to avoid hard-coding each instance of this WYSIWYG editor so I am using jQuery to create an each() loop based on function name. Annoyingly InnovaStudio seems to explode when I try. Documentation Attempt #1 <script type="text/javascript"> /* id = $(this)… >>> More
Inserting Google Maps into a WYSIWYG editor, then saving and retrieving properly

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I'm trying to extend jWysiwyg with an function to add a map from Google Maps. I can get the map all right, but I'm having problems with how to handle the generated map so it can be saved with the page and then retrieved. To open the process up a bit: User enters editor which is created using… >>> More
Copying Pasting Word 2007 docs to HTML WYSIWYG editors

as seen on Stack Overflow - Search for 'Stack Overflow'
Microsoft word has a ton of proprietary formatting and styles that do not translate well to html WYSIWYG editors. When you paste them over to the html editor and try to edit the pasted info it causes all kinds of clashing styles. I want to be able to keep the general structure but leave out the… >>> More
Using QT to build a WYSIWYG Editor for a Custom Markup Language

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm new to QT, and am trying to figure out the best means of creating a WYSIWYG editor widget for a custom markup language that displays simple text, images, and links. I need to be able to propagate changes from the WYSIWYG editor to the custom markup representation. As a concrete example of the… >>> More
embeding youtube video to content in wysiwyg editor

as seen on Stack Overflow - Search for 'Stack Overflow'
i have an editor that is basic microsoft actions: "createlink" "bold" etc. i made page to handle the youtube embeding and it works fine on the website. but in the editor all i can see is the rectangle of the video with nothing in it. the editor is an iframe editable that get the content from another… >>> More