ansaurus

Question

TinyMCE is making my code valid, and I want it to stop! (<img> tag wrapped in <p>)

Answer 1

+1 A:

I'm not an expert in tinyMCE but I'm pretty sure those automatic 'clever' source formatting or modification can be configured. Not sure if you have looked into that.

Example of usage of the force_p_newlines option:

tinyMCE.init({
    ...
    force_p_newlines : true
});

Take a look at the reference here:
http://wiki.moxiecode.com/index.php/TinyMCE%3AConfiguration

o.k.w 2009-11-03 03:40:59

I've been playing with the configuration options, I just can't seem to find the one that stops the clever formatting. I'll keep guessing and checking. I just tried setting force_p_newlines to false, and foce_br_newlines to true. No change. Thanks for the thought though. :)

hookedonwinter 2009-11-03 03:47:30

Answer 2

A:

I did a little more searching, and found an answer. First, I actually fixed the inherent problem by wrapping the <img> in a <div style="display:inline;">. However, the configuration solution can be found here:

http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/valid_child_elements

I attempted to just force the <body> tag to allow parentless images:

valid_child_elements: "body[img]"

but that denied all other tags from working. So I added some variables, like that link shows, and then I realized the proper solution. But, should anyone need to hack together a solution for an element, that page should solve the problem.

hookedonwinter 2009-11-03 04:04:13

Great for you! You can accept your own answer :-)

o.k.w 2009-11-03 05:25:18

"You can acce[t your own answer in 2 days." -- StackOverflow noob I am :)

hookedonwinter 2009-11-03 14:35:18

Answer 3

A:

I had the same problem before I found this: http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/forced_root_block

A bit late, but maybe it will help someone in the future

gofry 2010-02-04 16:09:24

Answer 4

A:

@hookedonwinter great! now what was the actual string you used to stop IMG being wrapped in p tags!!??

danwellman 2010-04-29 08:23:49

Check the file in the link in my answer. Here is my js:<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script> <script type="text/javascript"> tinyMCE.init({theme : "advanced",mode : "textareas",relative_urls : false,force_br_newlines : true,forced_root_block : ''});</script>

hookedonwinter 2010-04-29 22:54:52

ansaurus

tags:

views:

answers:

TinyMCE is making my code valid, and I want it to stop! (<img> tag wrapped in <p>)

related questions