The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

HTML handling in the reply box

2 posters

Go down

Solved HTML handling in the reply box

Post by Talk October 1st 2012, 1:20 pm

1.) For my forum TelTalk.org I have adjusted the height of the reply box:

#text_editor_textarea{
width:100%;
height:500px;
}
In Google Chrome and Safari the height appears with 500 pixels now (as expected): Screenshot 1

Firefox and Internet Explorer ignore this CSS specification and the reply box stays small: Screenshot 2

How can I make sure all browsers show the increased height?



2.) If I use HTML code, in Google Chrome the HTML will be visible: Screenshot 1

In Firefox the HTML code is hidden; instead the text formatting will be displayed: Screenshot 2

How can I make sure all browsers hide the (for some members confusing) HTML codes?

HTML handling in the reply box Screen10

HTML handling in the reply box Screen11
avatar
Talk
Forumember

Male Posts : 127
Reputation : 2
Language : English
Location : USA

Back to top Go down

Solved Re: HTML handling in the reply box

Post by runawayhorses October 1st 2012, 3:09 pm

Try this code see what happens, I added an important tag:

Code:
#text_editor_textarea{
width:100%;
height:500px !important;
}

About your other query, the HTML text will be visible in chrome is because you have the text editor WYSIWYG turned off and when you use the other browsers it is on (the button is lit up). The forum will remember these settings via cookie and it will remember the settings for each browser, so apparently you have it on for one browser and off for another, Your screenshots look like 2 different text editors. One has the WYSIWYG switched on in screenshot 2 and the other in screenshot 1 doesn't have a WYSIWYG button. I think one is a quick reply and the other is regular. So if the HTML is showing in the Quick reply its because you can't turn the WYSIWYG on.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: HTML handling in the reply box

Post by Talk October 1st 2012, 5:45 pm

Thank you for the fast and qualified answer.

Regarding the second topic I know now I have to install a WYSIWYG editor for Chrome.

But my first problem still remains also after updating the CSS code.
The adjustment of the window size for the forms "quick reply" and the "reply box" doesn't affect the display in Firefox where the size stays always the same.

I searched the internet for a solution, but I don't know how to find a setting which will be recognized by all browsers, especially Firefox.
avatar
Talk
Forumember

Male Posts : 127
Reputation : 2
Language : English
Location : USA

Back to top Go down

Solved Re: HTML handling in the reply box

Post by runawayhorses October 1st 2012, 6:01 pm

I'll address your "Quick reply" box first. The CSS code for it might not be in your CSS stylesheet, so copy this code and add it to your CSS stylesheet. You can change the percentage. It should have nothing to do with what browser you are using as to its size. the "width" is a standard CSS coding.

Quick Reply size:
Code:
.qreply {
   width:60%;
}

I'll try to find the regular text box code or someone else here can help you with that.

The WYSIWYG editor is not a browser addon extension, it is part of the forums text editor. You can activate it to be on by default in AP>>General>>Messages and e-mails>>Configuration>>

On that page find: "Activate the WYSIWYG mode by default in the posts"


avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: HTML handling in the reply box

Post by Talk October 1st 2012, 6:16 pm

I had the WYSIWYG editor in the forum settings always enabled.
I guess Google Chrome cannot handle it without an additional plug-in. So probably that shouldn’t be a problem solved by the forum support.

In the other matter we are moving forward. I've inserted:

.qreply {
width:60%;
height:500px !important;
}

But the result is not complete, because the text field size didn't increase in Firefox, but the frame only:

HTML handling in the reply box New10
avatar
Talk
Forumember

Male Posts : 127
Reputation : 2
Language : English
Location : USA

Back to top Go down

Solved Re: HTML handling in the reply box

Post by runawayhorses October 1st 2012, 6:25 pm

Well I don't know then because I am using firefox as well and it resized using that code. So hopefully someone here can offer you an alternative. I'm assuming you refreshed the page by holding down the "ctrl" key and pressing F-5.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: HTML handling in the reply box

Post by Talk October 1st 2012, 6:49 pm

Yes, the site refresh isn't that problem.

Firefox and Internet Explorer don't want to listen to my CSS.

I watched what happens when Firefox is loading the forms:
For a split second I see the correct size of the reply box (as defined by me), but after the page is loaded completely the form size has been adjusted to the standard size.

Strange, isn't it? I'm sure there must be technical reason. ;-)
avatar
Talk
Forumember

Male Posts : 127
Reputation : 2
Language : English
Location : USA

Back to top Go down

Solved Re: HTML handling in the reply box

Post by Talk October 2nd 2012, 2:13 am

Now we got it!

I didn't know this button, because for myself I use only Chrome (where it isn't present).

By clicking the button the desired size appears. Super!

Thank you; thread can be closed.
avatar
Talk
Forumember

Male Posts : 127
Reputation : 2
Language : English
Location : USA

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum