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.10The 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:
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
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.
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,
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
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:
Also through the Advanced button, you can edit the background color.
Kind regards, Patrick
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


