pickleat

{
// Paste these into a `.code-snippets` file in VS Code.
  "php echo open and close": {
		"scope": "php, html",
		"prefix": "phpe",
		"body": [
			"<?= $0; ?>"
		]
	},
	"php open and close brackets": {

pickleat

<!-- BAD -->
<div>
  <a href="https://twitter.com/pickleat">Made with &#10084; by Andy Pickle</a>
</div>
<!-- Good! -->
<a href="https://twitter.com/pickleat">
  Made with <span role="img" aria-label="love">&#10084;</span> by Andy Pickle
</a>

pickleat

useEffect( () => {
        // formats the Markdown
        function styleChildren(children) {
            children.forEach((child) => {
                let tagIt = child.tagName
                child.classList = blogStyle[tagIt]
                if(tagIt === 'CODE' && child.innerText.length > 15){child.classList = longCode[tagIt]}
                if(tagIt === 'CODE' && child.innerText.length <= 15){child.classList = shortCode[tagIt]}
                if(child.children) {
                    let grandChildren = [...child.children]

pickleat

useEffect(() => {
  // Cleans up the text provided by QuillJS wysiwyg
  function styleChildren(children) {
    children.forEach((child) => {
      if (child.tagName === 'H1') {
        child.classList = quillStyle.h1
      }
      if (child.tagName === 'H2') {
        child.classList = quillStyle.h2
      }

pickleat

<div>
    <h1>An Example Heading!</h1>
    <p><br></p>
    <p>Here's a bunch of paragraph text that shows you
    <strong>how awesome it is</strong>
    to write here!</p>
    <p><br></p>
    <p>Here's a list: </p>
    <ul>
        <li>Item</li>