posts rewriting html code
Here’s what I want to do: Make a float-right box. Here’s how I’d normally do it:
And make a CSS my_box class to do the work.
But if I put this code into my entry, the editor very unhelpfully converts it to this:
Why are the div’s converted to p’s?
So I tried the same thing using span instead of div. And I get this output:
I get to keep the span, but the contents are moved out of it.
What’s up with this?
If you don’t get a response from someone who has a better explanation here soon, I would suggest sending in a feedback through the admin or an email tomorrow morning to support at this domain for a better explanation of why this is happening and what you can do. I just didn’t want your post getting buried without any response if no one here has some ideas for you ;)
Which editor are you using? I’m wondering what’s doing the actual switch: TinyMCE or the security backend of the code.
Drmike, We don’t know what the editor is called — he’s just using the interface for “Write Post.” (Gary is helping me with my blog http://cvillewords.wordpress.com.)
Do you see icons along the top or the html tags?
@drmike: it isn’t the editor. Both the visual and code editor get converted.
When you save a post on wordpress.com all DIV tags are converted to paragraphs. Any HTML elements with “class” (other than span) have the class removed (“id” works ok though).
@garyglass: switching the DIVs to SPANs is the way to go, but if you look at the example you posts you put the contents *outside* of the span.
<span class="my_box"> first graf second graf </span>
html tags — he was writing in the Code window.
>>you posts you put the contents *outside* of the span
That was an example of the results he got.
Is there any possibility of getting this problem addressed? It’s rather frustrating not to be able to use span and div tags.
have you sent in feedback to staff as suggested by Trent? You’ll have to wait until Monday, though
Yes, I did. We discussed CSS issues, but I pointed out that CSS really has nothing to do with it. The problem is that the editor is reformatting the HTML. Try it:
Haven’t heard anything further for several days.
@garyglass: You’re right. It’s an HTML thing. Spans have to be embedded within a paragraph, not outside of it. So the editor is forcing valid HTML (there’s an option for it on your profile page, I think).
I’d recommend using:
<ul id="blah"> <li>1st paragraph.</li> <li>2nd paragraph.</li> </ul>
and then styling it how you want.
Yeah, well, as I noted in the original post DIVs act the same way. The only reason I tried a SPAN was that a DIV didn’t work. I don’t want to use a list tag to make a box, I want to use a DIV. That’s what they’re for.
I don’t find the option for turning off validation. If anybody knows where it is, please post.
I’ve run into this with div tags, too. I was trying to put pullquotes into a wordpress.com blog a couple months ago using some code from Mandarin Design blog. But the divs kept getting converted to ps. I tried span classes, couldn’t get it to look right, and gave up – I’m a rank amateur at this, and was in well over my head. Glad to hear it wasn’t just me.
Is there any chance of getting this fixed in the foreseeable future?
I would suggest feedback with an explaination of what is occuring along with a link back to this thread.
Did it twice already. Nothing.
Sent it a 3rd time. It’s hard to tell whether it works or not as it doesn’t give me any “feedback” like “Sent! Expect a response from the support within minutes!” Here’s what I sent:
This is my third time asking this question. Can we please get a fix for the editor converting DIV tags to P tags? I want to be able to making a float right box. DIVs are the way to do that, but I can’t do it if DIVs are converted to Ps. See discussion here: https://en.forums.wordpress.com/topic.php?id=8519&page&replies=17
According to the FAQ, DIVs are “allowed”. See here: http://faq.wordpress.com/2006/06/08/allowed-html-tags/ But they aren’t really “allowed” if the editor is converting them to P tags.
Replied in email. To paraphrase:
DIV is converted to P by the rich editor. Turn off the rich editor in your profile.
P (a block element) does not belong inside SPAN (an inline element).
you could have multiple spans, inside other spans.
or, this might be an instance where a table makes sense.
turning off the rich text editor is a really bad suggestion. this is a bug that should be fixed, not worked around by disabling one of the best features of wordpress.
The topic ‘posts rewriting html code’ is closed to new replies.