designmode

firefox/IE designMode reference needed

Hello All, I am looking for reference documentation for designMode in Firefox 2/3 and IE 6/7/8. Does anyone have links to good references? ...

Firefox - designMode: disable image resizing handles

How can I prevent the user from being able to resize an image in designMode? (disable the handles when image is clicked) ...

iPhone designmode support

Hi, Anyone knows if Safari on the iPhone and iPod touch supports iFrame in design mode and if so, how I can enable it? I have tried following ways, but none work (but it works on my PC): theIframe.contentWindow.document.body.contentEditable = true; theIframe.contentWindow.document.designMode = 'on'; theIframe.contentDocument.designMo...

IE designMode Showing display:none Divs

I've done a lot of research on this,but I'm unable to solve this problem. I've got a Div with several Divs within it that I want to hide before switching on a TinyMCE instance. I'm doing this via jQuery - $(".drop").hide() This works fine, and every browser engine except Trident (IE) hides them. If I inspect the elements in IE, th...

Why a pop-up alert can affect "designMode"?

I was expreimenting to build a page editor. One issue just drove me crazy in firefox. The page code is below: <body> <iframe WIDTH=200 HEIGHT=200 id="myEditor"></iframe> <script> function getIFrameDocument(sID){ // if contentDocument exists, W3C compliant (Mozilla) if (document.getElementById(sID).contentDocument){ ...

How often do ASP.NET developers NOT use Visual Studio design mode?

We are developing an ASP.NET application. We retained an outside UI design firm, and for the most part have been very pleased with their work. Their "deliverable" to us was clickable screens -- Visual Studio solutions with ASPX files, images, master pages, etc. The screens were not connected to any data source. They had dummy data so...

How do I maintain a designMode selection in IE

If click out of a designMode iframe, IE loses the selection within the iframe. Except if the clicked element is an input (which i think is stupid). How do i maintain the selection natively or with minimum code...? (I need to use minimum code here as my range processing is extensive and updating tool bars is extensive) Example: http://ww...

Restricting enter keypress event in an IFrame, does not work

I have an IFrame within my page and am using the designMode="on" on this iframe for a small-level rich text editing. My concern is that I need not allow the user to enter new lines in it - meaning, I want to restrict enter keys. I did it using the question posted here to listen to the keypress events. But in my keypress event, if I ret...

Javascript: designMode for iframe doesn't work with FF when in jQuery dialog

Hi, here's the sample code (fully working - just copy to an empty html file and it will work): <html> <head> <title></title> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/...

C# typed <T> usercontrol in design mode gives error

I've got a custom class, which derives from UserControl. The code: public partial class Gallery<T> : UserControl where T : class, IElement, new() This classworks like it's supposed to work. But, when I try to enter design mode of the form which contains these Gallery classes, it gives me errors: Could not find type 'PresentrBu...

Removing resize handlers on contentEditable div

I created a contentEditable div to use as a rich textarea. It has resize handlers around it that I'd like to get rid of. Any idea how I'd do this? Edit: This appears to be happening because I am absolutely positioning the div, so Firefox adds an infuriating _moz_resize attribute to the element which I cannot turn off. ...

WinForms - Enable DesignMode

For a OSS project, I'm trying to add controls programmatically to a WinForms view.. and I want to make these editable and resizeable as in the Visual Studio Designer. I've been playing around with adding programmatically, using Controls.Add(label).. but I'm struggling to work out how to make the UI editable. I'm assuming it would make u...

Visual Studio 2008 IDE errors with Inherited UserControls

Hi, have a really annoying time developing some code for a set of UserControls that utilize fairly rudimentary inheritance. Basically, they are three different Detail Views which all inherit from a single Base Class which in turn Implements a Single Interface. Interface IBaseDetailView Class BaseDetailView : Implements IBaseDetailView...

how to add a user control from a dll(already referenced) to ui in design mode?

If i first add it to the toolbox, an exception will be thrown, saying the dll is already referenced. and i hate to add it to ui programmatically. any idea? i have to add it programmatically? ...

Html rich text editor and read-only content?

Hello I'm looking for a way to make specific elements in a Html rich text editor read-only and not possible to modify by the user. Is there any way to achieve this behavior? An example of the rich text editor Im refering to would be this code snippet: <html> <head> <script type="text/javascript"> var Editor = { Init: functi...

Execcommand for iframe don't work

Hello everybody, I am making my own WYSIWYG editor. But i can't make any text bold with the execcommand function. I am using the next code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ...

Can i execute custom commands in a rich text editor (iframe with design mode on) ?

See this. Is it possible to create custom commands (and how) for the function execCommands? I need custom commands for custom markup. ...

how to enable iFrame designMode in a local webpage without using the localhost server?

The code... <html> <body> <iframe id="editableFrame"></iframe> <script type="text/javascript"> editableFrame.document.designMode="on"; </script> </body> </html> gets the iFrame editable only when run off a server(http://...)(online or from localhost). How do I get this working by simply o...

How to set caret position at the start of designmode wysiwyg in Firefox

I have seen (and use) the answers relating to getting / setting the CURRENT caret position in an iframe with designmode=on. However I need to be able to set the caret position to either the start or the end of the content. IE solution not required, just WC3. Thanks in advance. ...

How to get the current item from MouseEvent in Javascript/TinyMCE when its being dragged?

I'm using TinyMCE which is on designMode = 'on', i have a disabled area where i dont want my user to drag/drop something on that area. I could disable the drop by listening to the mouseEvent.target and cancelling the event, on the drag however i dont know how to get the current item that i being dragged, i looked at originalTarget but se...