Advanced HTML Editor 2 Tutorials

Enrich your forms with a fully customizable Online HTML Editor. Build your own CMS in minutes with Advanced HTML Editor 2! Let your users create formatted content without having to know HTML! You can make the editor fit your design by choosing from several predefined designs, add your own style sheets for formatting of the text and more.

Advanced HTML Editor Version 2 is now fully cross browser compatible (Mozilla browsers) and offers many new improvements!

These tutorials will show you how easy it is to implement the Advanced HTML Editor or Advanced HTML Editor 2 in your applications.

FAQ

Q: Why are the Insert & Update Not Working Correctly?
When my page updates a record in the database, the new text in the editor is not updated unless I press buttons on the editor itself (like switch to HTML view). I have tested using Macromedia's Update Record server behavior and tested using an updateable recordset.

A: You are probably submitting the form with form.submit() call instead of using a standard submit button...

Well this function indeed submits your form but it does not execute any scripts that are defined on the onsubmit handler.

So your form validation as well the copy of the html contents to the hidden text field that is used to update your database do not get executed this way...

So the best solution is to make the submit button a real type="submit" and get rid of any form.submit() functions.

Q: Problems adding @ with the Adv HTML Editor
If your having problems adding the '@' character in the editor, try the following.

With NUM LOCK on, use ALT + 8000 (typed on the numbpad)

Q: Displaying raw code with the Adv HTML Editor
Following on from a tutorial I did a while back, it's now real easy to display raw code from a database using the Adv HTML Editor.

With a simple step, drag a binding onto your page which contains some data.

In the Bindings panel, select the Server Formats (if you cant see it, scroll across to the right) and choose HTML.Encode, for the binded field.

Your data will now be displayed as it is in the database, with no parsing of tags.

Note: Only for use displaying code, don't use on normal text entries.

Q: How can I display raw code with the Adv HTML Editor?

A: It is really easy to display raw code from a database using the Adv HTML Editor.

With a simple step, drag a binding onto your page which contains some data.

In the Bindings panel, select the Server Formats (if you cant see it, scroll across to the right) and choose HTML.Encode, for the binded field.

Your data will now be displayed as it is in the database, with no parsing of tags.

Note: Only for use displaying code, don't use on normal text entries.

Q:Advanced HTML Editor 2 doesn't work in Windows Internet Explorer, what should I do?
The Advanced HTML Editor 2 only shows up in mozilla based browsers like Firefox or Netscape, in IE it only shows a textbox. When I put javascript errors on, it says "Can't put invalid HTML in the document".
I can't figure out what is wrong.

A: This is a limitation of Internet Explorers DOM. The new visual menu items are in div's and dynamicly drawn.
Internet explorer doesn't allow dynamic content other then text/paragraph or inline elements between
<p> and <div> tags.
As the editor has new visual dropdownmenus and those are not inline elements, IE stops loading the editor.

Until we found a different way for displaying the dropdowns, just don't put the editor between p-tags or div-tags and use other ways to position the editor (tables for example).

Q: I get a JavaScript error in FormOptions, what should I do?
This is the Javascript error message that I get when attempting to insert AHE from the Insert Menu -or- when clicking the AHE icon on the Forms menu..

While executing onClick in FormOptions.htm, the following JavaScript error(s) occurred:

At line 214 of file "c:\programFiles\Macromedia\DreamweaverMX2004\Configuration\Commands\FormOptions.js":
TypeError: arrayElements[1] has no properties.

But when I click "cancel button" on the "Input Tag Accessibility Attributes" dialog box - The HTML area appears, but then as stated above the HTML area will not appear on the web page when served up on the remote server

A: Please make sure that there is a form tag around the html textarea and also that the textarea has a name= attribute that is the same as id= Also uncheck the option in DW: Preferences > Accessibility > "Show attributes when inserting Form Objects".

Q: Advanced HTML Editor 2 shows a small text box with Mac IE and Mac Safari, what can I do about this?
The editor shows fine on Windows-IE and Netscape,
but in IE 5.5 on the Mac, there is just a tiny text box with no editing options.
The editing options dont appear in Opera on the PC either and in Safari on the Mac there is nothing at all!
Any help would be appreciated.

A: As stated on the product page the editor is compatible with the following browsers:
Internet Explorer 5.5 and up for Windows and
Mozilla 1.3+ based browsers like Netscape 7.1, Netscape 7.2, Firefox 1.0 for Windows, Mac and Linux .
These arerequired for visual html editing.
Other browsers will offer a regulair textarea instead.

NOTE: Opera, Safari and Mac IE do not offer any visual editing capabilities so you will get a textarea there as well.

As soon visual editing is supported by IE for Mac and Safari we make the editor work for them too.

UPDATE: Safari v1.3 has been announced for OSX 10.3.9, and says it will include HTML editing support.

Q: The Insert & Update are not Working Correctly, what can I do to fix this?
When my page updates a record in the database, the new text in the editor is not updated unless I press buttons on the editor itself (like switch to HTML view). I have tested using Macromedia's Update Record server behavior and tested using an updateable recordset.

A: You are probably submitting the form with form.submit() call instead of using a standard submit button...

Well this function indeed submits your form but it does not execute any scripts that are defined on the onsubmit handler.

So your form validation as well the copy of the html contents to the hidden text field that is used to update your database do not get executed this way...

So the best solution is to make the submit button a real type="submit" and get rid of any form.submit() functions.

Q: How can I add the @ with Advanced HTML Editor 2?

A: With NUM LOCK on, use ALT + 8000 (typed on the numbpad)

Q: I can't find my question answered in this FAQ

A: Please check out the Advanced HTML Editor 1 FAQ or do a search at the support forum.

Q: I've inserted a text on the slide with fade in effect but the text dos not display with fade and also do not have any alpha transparency or rotation (if I choose those)

A: Currently the Active Slideshow Pro viewer has only one font embedded and that is Arial. A limitation in Flash is that only embedded fonts can have fade effects, be transparent with alpha or get rotated. Also only Arial will be displayed smooth as it gets anti-aliased.

We have embedded only Arial because each embedded font makes the flash viewer +/- 50KB bigger and we wanted to keep the viewer size small - it is now about 62KB.

So to get one of those special effects you should use the font Arial.

Other fonts will display on your slideshow but they won't be transparent, can't be rotated and can not display with fade effects. They can display however with the ZoomIn/BlowIn effect.

See for additional info a macromedia technote on this.

Q: When attaching an MP3 as a soundtrack, the soundtrack plays in fast motion. Other MP3 files play too slow, what can I do about this?

A: You are probably using Variable Bit Rate (vbr) MP3 files. The Flash Player supports only fixed bitrate. The best way to encode mp3 files is to use a fixed bitrate of 64/96/128 kbps with a sample frequency of 22.05kHz and joint stereo.