Advanced HTML Editor 2 Support Product Page

This topic was archived

Styling the AHE2 text area

Asked 25 Apr 2009 14:13:44
1
has this question
25 Apr 2009 14:13:44 Greg Hogan posted:
I'm using AHE 2.0.10

The associated AdvHTMLEdit.js file looks compressed. How do I change the default styling on the editor text area?

thanks

Greg

Replies

Replied 28 Apr 2009 12:00:28
28 Apr 2009 12:00:28 Miroslav Zografski replied:
Hello Greg,

Check out the following article from our FAQ section

Regards,
Replied 19 May 2009 02:23:48
19 May 2009 02:23:48 Greg Hogan replied:
Hi Miroslav,

I checked out the FAQ, this doesn't help.

I'm talking about styling the content of the text field that AHE2 is controlling, not the interface buttons.

Is there a way to style this content now that the supplied JS file is compressed?

thanks

Greg
Replied 19 May 2009 02:49:58
19 May 2009 02:49:58 Rick Hawkins replied:
Hi Miroslav,

I posted this in 'Requests' yesterday but having noticed Greg's latest post thought I'd move it to here.

Very happy with my AdvHTMLEdit2 but wondering if possible to get rid of Textarea (indent) border at top and left.

I usually acheive this with 'border:1px solid #fff' but doesn't work in this case.

Is there anywhere, possibly 'AdvHTMLEdit.js'? that I could apply this.

Regards, Rick.
Replied 20 May 2009 14:27:53
20 May 2009 14:27:53 Miroslav Zografski replied:
Hello,

You need to address your css styling to the id of the textarea in order to do that you shuld now the id of your textarea and to replace it in following string : #_TextareaID_editor.
Now you have the id of the i-frame that you need to style up to your design.

Regards,
Replied 05 Aug 2009 12:35:31
05 Aug 2009 12:35:31 Greg Hogan replied:
Hi, Miroslav

Attempts to target the "dmxedit" textarea via CSS using element IDs doesn't appear do anything.

I can apply CSS styles to the text area via element ID but they are only effective if I remove the "dmxedit = true" statement, which of course disables AHE2.

What I am trying to achieve is a default font and size in the editable text area along with some visual styling on the area itself, e.g. border, bg colour.

Is there any way this can be done?

thanks

Greg



Edited by - Greg Hogan on 05 Aug 2009  12:36:17
Replied 06 Aug 2009 02:31:46
06 Aug 2009 02:31:46 Patrick Julicher replied:
Hi Greg,

You can style the default font, color and more by adding seperate CSS-file to the extension by clicking the Advanced button in the Properties Inspector. In this CSS-file you enter the format for the p-tag:

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
}


Also through the Advanced button, you can edit the background color.

Kind regards, Patrick

Reply to this topic