Editing post with the use of HTML but in view forum

[Dyane]

Please please forgive me if I'm posting in the wrong place.

I'm fairly new to forumotion. Been learning. But there is one thing when posting.

In the group I'm admin in We use headers for some posts.

When going to edit the header all you see is the html, you can also view it in the preview but can't edit there.

As you see in the screenshot below.

My question is..... Is there a way that we can see our work to edit it? It's very hard to edit

the text in html forum.

I know in other forums they do have the option to see html or view it to edit it.

Can anything be done to be able to edit it in view forum?

Thank you for your time.  My site is HERE

[SLGray]

[Dyane]

I have hit the Editor mode and still shows html

HERE is the post if you would like to take a look

[SLGray]

Is the issue that it is not posting the result, but the HTML coding?

[Dyane]

It posts fine. It's when we go to edit it, it only shows the html

but would like to edit it on what we see not html forum.

like you see in the preview in the screenshot. We'd like to be

able to edit it like that not in html forum. It's hard if we need

to change the text in it when it's only html.

I hope I'm explaining this right.

[SLGray]

Is this happening to the whole forum or just a certain section or topic?

[Dyane]

Just the posts that we put headers in. The headers are made of html

Wish the preview was allowed editing in there as well. lol

[SLGray]

Since guests can not view the  topics, I can not check what you linked.

[Dyane]

Oh, I will go in and allow u to see

[Dyane]

You should be able to see it now

[Ape]

do you have HTML set up on your profile and in the ACP ?

ACP : = Admin Control Panel
General Tab >>  Messages and e-mails >> Configuration >> Allow HTML : YES Save

Members profile:
then in your navbar click profiles then >> Preferences Scroll down to the bottom and set it to always see / use HTML then save

[Dyane]

Yes they are set to yes.

I can see the html no problem it's when I go to edit the header

I need to edit it in like it is in preview not in html.

I want to be able to see my work not guess it will look right in html

[SLGray]

Are you sure that you have it in WYSIWYG mode?

[Ape]

Please post the code you are using here in the support forum Please make sure you post it using the Code tag system.

I will then test it.

[Dyane]

Code:

<center><div class="tags" style="border: 1px solid Black;
padding: 5px; background-image:
url(https://image.ibb.co/eyU8tG/showuswhatyoumade_zpsbc7f2ec9.gif);
text-align: center;"><div class="tags" style="border: 1px solid
Black; padding: 25px; background-image:
url(https://image.ibb.co/iV5Rfw/Showuswhatyoumadebg_zps5957ea29.png);
text-align: center;"> <div class="tags" style="border: 1px solid
Black; padding: 5px; background-image:
url(https://image.ibb.co/eyU8tG/showuswhatyoumade_zpsbc7f2ec9.gif);
text-align: center;"> <div class="tags" style="border: 1px solid
Black; padding: 15px; background-image:
url(https://image.ibb.co/ha7Hnb/showuswhatyoumademedbg_zps058cbf5f.png);
 text-align: center;"><div class="tags" style="border: 1px solid
Black; padding: 5px; background-image:
url(https://image.ibb.co/eyU8tG/showuswhatyoumade_zpsbc7f2ec9.gif);
text-align: center;"><div class="tags" style="border: 1px solid
Black; padding: 10px; background: White; text-align: center;"><div
 class="tags" style="border: background: White; text-align:
center;"><img
src="https://image.ibb.co/mBMMDG/Show_Us_What_You_Made_zps65fa34be.png"
alt="" width="600" height="600"><br><br><div
style="font-size:17px;clear:both;"><font size="4"><font
size="5"><font size="+0"><font size="+0"><font
size="4"><font class="Apple-style-span" color="#003333"
face="Comic Sans MS">Share with us your&nbsp;
fabulous&nbsp;work.</font></font></font></font></font></font></div><div
 style="font-size:17px;clear:both;"><br></div><div
style="font-size:17px;clear:both;"><font size="4"><font
size="5"><font size="+0"><font size="+0"><font
size="4"><font class="Apple-style-span" color="#003333"
face="Comic Sans MS">Please remember to&nbsp;
include&nbsp;the correct
copyright&nbsp;information</font></font></font></font></font></font></div><div
 style="font-size:17px;clear:both;"><font size="4"><font
size="5"><font size="+0"><font size="+0"><font
size="4"><font class="Apple-style-span" color="#003333"
face="Comic Sans MS">and only use artists&nbsp; who&nbsp;have
 granted permission or
you&nbsp;own&nbsp;</font></font></font></font></font></font></div><div
 style="font-size:17px;clear:both;"><font size="4"><font
size="5"><font size="+0"><font size="+0"><font
size="4"><font class="Apple-style-span" color="#003333"
face="Comic Sans MS">a
license&nbsp;for.</font></font></font></font></font></font></div><div
 style="font-size:17px;clear:both;"><br></div><div
style="font-size:17px;clear:both;"><font size="4"><font
size="5"><font size="+0"><font size="+0"><font
size="4"><font class="Apple-style-span" color="#003333"
face="Comic Sans MS">Please abide by their&nbsp;
Terms&nbsp;Of&nbsp;Use.</font></font></font></font></font></font></div><div
 style="font-size:17px;clear:both;"><br></div><div
style="font-size:17px;clear:both;"><font size="4"><font
size="5"><font size="+0"><font size="+0"><font
size="4"><font class="Apple-style-span" color="#003333"
face="Comic Sans MS">We love to see&nbsp;
your&nbsp;wonderful&nbsp;creations.</font></font></font></font></font></font></div><div
 style="font-size:17px;clear:both;"><font size="4"><font
size="5"><font size="+0"><font size="+0"><font
size="4"><font
class="Apple-style-span"><br></font></font></font></font></font></font></div><div
 style="font-size:17px;clear:both;"><font size="4"><font
size="5"><font size="+0"><font size="+0"><font
size="4"><font class="Apple-style-span" color="#003333"
face="Comic Sans
MS">Hugs</font></font></font></font></font></font></div><div
 style="font-size:17px;clear:both;"><font
color="#003333"><font size="4"><font size="5"><font
size="+0"><font size="+0"><font size="4"><font
class="Apple-style-span"><font class="Apple-style-span"
face="Comic Sans MS">The
Management&nbsp;Team<br><br><br></font></font></font></font></font></font></font><span
 
style="white-space:normal;word-spacing:0px;text-transform:none;float:none;color:rgb(0,0,0);text-align:center;font:16px
 'Comic Sans
MS';letter-spacing:normal;background-color:rgb(255,255,255);text-indent:0px;">Artwork
 by &nbsp;Pinuptoons ~ Page Created by Dyane
Dezynz</span></font></div></center>

[Dyane]

I have used the switch editor mode and it still shows the html

not the images

[Dyane]

Is there a code or something that will allow to even edit the preview?

[Ape]

yes I am getting the same problem.

I take it you have CSS files and javascripts to make some parts work ?

[Dyane]

No not that I know of. I've been using that html for headers for last few years.

Not in the forum but in others and they give the option to edit it in html or in the preview

and never had any problems.

[Ape]

What forum version is your forum ?

[SLGray]

It also happens on my forum.  You must have some other coding to go with this.

[SLGray]

So this is the first time you used it on a forum hosted by Forumotion?

[Dyane]

This is the basic html before I had images to where it says to add images then I add my text.

Code:

<div class="tags" style="border: 1px solid Black; padding: 10px;
background-image: url(GLIDDER GIF HERE); text-align: center;"><div
 class="tags" style="border: 1px solid Black; padding: 55px;
background-image: url(BACKGROUND HERE); text-align: center;"> <div
 class="tags" style="border: 1px solid Black; padding: 10px;
background-image: url(GLIDDER GIF HERE); text-align: center;">
<div class="tags" style="border: 1px solid Black; padding: 25px;
background-image: url(SMALL BACKGROUND HERE); text-align:
center;"><div class="tags" style="border: 1px solid Black;
padding: 10px; background-image: url(GLIDDER GIF HERE); text-align:
center;"><div class="tags" style="border: 1px solid Black;
padding: 10px; background: White; text-align: center;"><div
class="tags" style="border: background: White; text-align:
center;">words go
here</div></div></div></div></div></div></div>

[Dyane]

I've used in yuku now aka Tapatalk and in aimoo

all I've ever known it's all html

I have it in posted in my forum. It shows up in the post but to edit it

is the problem. I have to see it like everyone sees it in the post.

The screenshot I posted is the header what it looks like just the editing

I can't see anything but html.

If we could edit in the preview that would solve it all lol

[SLGray]

This is what happens on my forum:

[Ape]

Yes it looks to me that you can't edit the code in WYSIWYG mode as it is a HTML code and it will only show your text and codes in WYSIWYG mode.

Sadly I have never posted using HTML code its always been in BBcode

[Ape]

@SLGray i get the same thing on my forum but when you click edit on the post and go to add things to the post it shows the code not the tables and other things like it should if it was a BBcode

[SLGray]

I believe you are correct, @APE.  It only works with BBCode.

[Dyane]

That's odd it doesn't show up here because as you see it shows

up when I post it in my forum

[Ape]

ok I have seen the problem when you are in the ACP you get the settings in WYSIWYG and you see the boxes fine.

In the main editor this don't work this is down to the use of BBcode.

I am not sure why HTML is not working.

What I can do is make a ticket and find out from our tech team why it is not working in the main Editor and it is on the ACP HTML page settings.