Guest User

Wordpress shortcode_unautop HTML example

a guest
Aug 21st, 2013
92
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <p>[columns]</p>
  2. <p>[column]</p>
  3. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida dignissim</p>
  4. <p>nunc in suscipit. Curabitur eu scelerisque urna. Nunc fringilla adipiscing pulvinar. Nullam odio ante, pretium ac molestie porttitor, suscipit vel mi. Proin pretium lorem in quam rutrum sodales. Integer sit amet arcu tortor, in volutpat turpis.</p>
  5. <p>[/column]</p>
  6. <p>[column padding="10"]</p>
  7. <p>Fusce eu magna nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut auctor nisl. Praesent convallis tortor id ante congue volutpat. Aliquam bibendum eleifend justo, eget placerat purus facilisis eu. Quisque justo massa, tristique nec elementum ut, ullamcorper vitae dui. Donec luctus commodo viverra.</p>
  8. <p>[/column]</p>
  9. <p>[column]</p>
  10. <p>Nam iaculis, turpis ut lobortis ultricies, tortor lacus pretium nibh, ut sodales nisl lectus sed lorem. Pellentesque sagittis mollis tortor, sed suscipit tortor lobortis sed. Donec id sapien eros. Ut convallis, enim eget tempus dapibus, turpis urna accumsan mauris, id luctus leo massa a tortor. Nam dapibus sagittis laoreet.</p>
  11. <p>[/column]</p>
  12. <p>[/columns]</p>
  13.  
  14. (
  15.  
  16. I would like to unautop it to:
  17.  
  18. [columns]
  19. [column]
  20. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida dignissim</p>
  21. <p>nunc in suscipit. Curabitur eu scelerisque urna. Nunc fringilla adipiscing pulvinar. Nullam odio ante, pretium ac molestie porttitor, suscipit vel mi. Proin pretium lorem in quam rutrum sodales. Integer sit amet arcu tortor, in volutpat turpis.</p>
  22. [/column]
  23. [column padding="10"]
  24. <p>Fusce eu magna nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut auctor nisl. Praesent convallis tortor id ante congue volutpat. Aliquam bibendum eleifend justo, eget placerat purus facilisis eu. Quisque justo massa, tristique nec elementum ut, ullamcorper vitae dui. Donec luctus commodo viverra.</p>
  25. [/column]
  26. [column]
  27. <p>Nam iaculis, turpis ut lobortis ultricies, tortor lacus pretium nibh, ut sodales nisl lectus sed lorem. Pellentesque sagittis mollis tortor, sed suscipit tortor lobortis sed. Donec id sapien eros. Ut convallis, enim eget tempus dapibus, turpis urna accumsan mauris, id luctus leo massa a tortor. Nam dapibus sagittis laoreet.</p>
  28. [/column]
  29. [/columns]
  30.  
  31. which then renders into
  32.  
  33. <div class="columnSet">
  34. <div class="stackableColumn" >
  35. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida dignissim</p>
  36. <p>nunc in suscipit. Curabitur eu scelerisque urna. Nunc fringilla adipiscing pulvinar. Nullam odio ante, pretium ac molestie porttitor, suscipit vel mi. Proin pretium lorem in quam rutrum sodales. Integer sit amet arcu tortor, in volutpat turpis.</p>
  37. </div>
  38. <div class="stackableColumn" style="padding: 0 10%;" >
  39. <p>Fusce eu magna nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut auctor nisl. Praesent convallis tortor id ante congue volutpat. Aliquam bibendum eleifend justo, eget placerat purus facilisis eu. Quisque justo massa, tristique nec elementum ut, ullamcorper vitae dui. Donec luctus commodo viverra.</p>
  40. </div>
  41. <div class="stackableColumn" >
  42. <p>Nam iaculis, turpis ut lobortis ultricies, tortor lacus pretium nibh, ut sodales nisl lectus sed lorem. Pellentesque sagittis mollis tortor, sed suscipit tortor lobortis sed. Donec id sapien eros. Ut convallis, enim eget tempus dapibus, turpis urna accumsan mauris, id luctus leo massa a tortor. Nam dapibus sagittis laoreet.</p>
  43. </div>
  44. </div>
  45.  
  46. whereas now it renders as
  47.  
  48. <p>
  49. <div class="columnSet"></p>
  50. <p><div class="stackableColumn" ></p>
  51. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque gravida dignissim</p>
  52. <p>nunc in suscipit. Curabitur eu scelerisque urna. Nunc fringilla adipiscing pulvinar. Nullam odio ante, pretium ac molestie porttitor, suscipit vel mi. Proin pretium lorem in quam rutrum sodales. Integer sit amet arcu tortor, in volutpat turpis.</p>
  53. <p></div></p>
  54. <p><div class="stackableColumn" style="padding: 0 10%;" ></p>
  55. <p>Fusce eu magna nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut auctor nisl. Praesent convallis tortor id ante congue volutpat. Aliquam bibendum eleifend justo, eget placerat purus facilisis eu. Quisque justo massa, tristique nec elementum ut, ullamcorper vitae dui. Donec luctus commodo viverra.</p>
  56. <p></div></p>
  57. <p><div class="stackableColumn" ></p>
  58. <p>Nam iaculis, turpis ut lobortis ultricies, tortor lacus pretium nibh, ut sodales nisl lectus sed lorem. Pellentesque sagittis mollis tortor, sed suscipit tortor lobortis sed. Donec id sapien eros. Ut convallis, enim eget tempus dapibus, turpis urna accumsan mauris, id luctus leo massa a tortor. Nam dapibus sagittis laoreet.</p>
  59. <p></div></p>
  60. <p></div>
  61. </p>
  62.  
  63. )
RAW Paste Data