I'm building a pattern library. I'm using Types/Views/Cred/Etc (the full Toolset) to build the pattern library custom post types and custom fields. I need to be able to do the following:
(1) have a custom field into which I can input code and not have WP render the code–e.g. if I put in
(1) have a custom field into which I can input code and not have WP render the code–e.g. if I put in
This is a foo div
, I want that code to display exactly as is, and not just display "This is a foo div" (i.e. render/strip the html).
(2) Same thing except for CSS. So in this example, I'd have .foo {bar:inherit;}.
(3) When displayed, each displays properly without the render, and then also a 3rd section below the 2 that renders the combined 2 post fields into an actual view. An example of someone doing this in WP is http://www.pea.rs . Basically, think JSFiddle or CodePen–input code, see the code natively and also see a rendered version. I don't need live updating, etc, all of the heavy functionality of JSFiddle though. I just need what the Pears theme does.