Editable Div Element

Question

Is it possible to have an editable div element that can only contain text and images. I understand that you can use the rich controls like TinyMCE and jWYSIWYG however I do not require all this functionality and want something lightweight.

Basically all I want is a plain text editable element where I can also add various images such as emoticons that can't be resized when using IE or Firefox. I am using jQuery as the framework so anything using that would be great.

Update: Is it possible to block the click event for images so the resize handler doesn't appear?

Related Question Firefox - designMode: disable image resizing handles

Answer 1

I would personally say something like TinyMCE is the best way to go. You can disable a lot of the functionality you don't need, leaving you with just what you want.

Answer 2

This may have a little too much functionality as well, but I know that you can remove most of it. I dont think that images are resizeable once you put them in. It is kind of a web text editor. CuteEditor

Edit: you can remove practically all functionality and can only allow text and images. It will have an html tab and another tab which you can also remove

Answer 3

I would suggest a simple and small http://nicedit.com/index.php

Answer 4

You can't force people not to resize images... I have an extension in Firefox that allows me to resize pictures no matter what.