ThemeForest

Best approach on handling HTML within WSYIWYG

25 posts
  • Sold between 50 000 and 100 000 dollars
  • Europe
  • Exclusive Author
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
  • Author had a File in an Envato Bundle
UmbrellaStudios says

Hi

As many users have the ability to insert from the WSYIWYG Editor any HTML tag, or sometimes custom shortcodes is causing troubles on handling those Tags within the container where we display “the_content()” .

So which is the best way to handle any tag within

<div class="content"><?php the_content()?></div>

and make it maybe flexible and keep it compact at any responsive media query.

Hope that was clear enough.

PS : Are you forced to handle each tag within the editor, or you can explain the customer that extra tags need extra care and we could not handle that all by our self ?

25 posts
  • Sold between 50 000 and 100 000 dollars
  • Europe
  • Exclusive Author
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
  • Author had a File in an Envato Bundle
UmbrellaStudios says

In case someone else had the same problem or doubts we used a plugin called Demo Data Creator- http://www.stillbreathing.co.uk/wordpress/demo-data-creator

It fills your Wordpress with dummy data and if you support all those tags it outputs than i think your good to go.

2358 posts
  • Has been a member for 4-5 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Microlancer Beta Tester
digitalimpact says

Are you talking perhaps about the classes that WordPress generates? Using the Theme Check plugin, you’ll make sure to cover all of them in your CSS.

Anything else coming from your theme, you obviously have CSS styles for them, because you created them. All other custom user IDs/classes are the user’s problem, you can’t possibly know whether or not I’ll be pasting in something like this in the editor:

<div class="trytostylethissmartass">haha</div>
by
by
by
by
by