I have copied below the HTML code placed into the HTML to BBCode Converter on the demo site. It appears that while some tags are converted to BBCode the h1, &apos, " and the entire first
(all common HTML tags) are causing it some issues. Even if you take my HTML and paste it into this WYSIWYG editor it renders it beautifully, so something is wrong with your converter.
HTML Pasted into the Paste HTML window:
<h1 style="text-align: center">B.A.L.T. to Stay Calm in Meetings</h1>
<div class="se-component se-image-container __se__float- __se__float-none" id="_idgpn_254">
<figure>
<img src="https://4081727.fs1.hubspotusercontent-na1.net/hubfs/4081727/dylan-gillis-KdeqA3aTnBY-unsplash%20%283%29.jpeg" alt="" data-proportion="true" data-align="none" data-file-name="dylan-gillis-KdeqA3aTnBY-unsplash%20%283%29.jpeg" data-file-size="0" data-origin="," data-size="," data-rotate="" data-percentage="auto,auto" origin-size="5472,3192" style="--base: #696969; --primary: #4397c5; --secondary: #6bbff7; --danger: #ff695b; --warning: #ffbe4f; --success: #3dcc79; --gray: #696969; --lightgray: #dfdbd2; --light: #fafafa; --dark: #696969; --border_radius: 4; --primary100: #fff; --primary200: #d9ffff; --primary300: #a7fbff; --primary400: #75c9f7; --primary500: #4397c5; --primary600: #116593; --primary700: #003361; --primary800: #00012f; --primary900: #000; --secondary100: #fff; --secondary200: #fff; --secondary300: #cfffff; --secondary400: #9df1ff; --secondary500: #6bbff7; --secondary600: #398dc5; --secondary700: #075b93; --secondary800: #002961; --secondary900: #00002f; --gray100: #fff; --gray200: #fff; --gray300: #cdcdcd; --gray400: #9b9b9b; --gray500: #696969; --gray600: #373737; --gray700: #050505; --gray800: #000; --gray900: #000; --dark100: #b9b9b9; --dark200: #a5a5a5; --dark300: #919191; --dark400: #7d7d7d; --dark500: #696969; --dark600: #555; --dark700: #414141; --dark800: #2d2d2d; --dark900: #191919; box-sizing: border-box; border: 0px rgb(226, 232, 240); border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;" data-rotatex="" data-rotatey="" data-index="0">
</figure>
</div>
<div>I get asked a lot, "How can I keep myself poised in tense meetings with customers?" If you've ever sat in a tense meeting with me, you'd might be justified in thinking, "How would he know?"<br>
</div>
<p><br>
This being said, and over the years, I have worked on my own ability to sit through these meetings in a more subdued but more effective manner. I'm always in awe of the super calm executive who never flusters but still manages to cut through the crap and get to the best outcome. Obviously, personality and character have a lot to do with it, but many people have a disposition that doesn't naturally lend itself to being the most calm and constructive in these moments, For you (and for myself) B.A.L.T. is my hack!<br>
<br>
<strong>BREATHING</strong><br>
As hokey as it might sound to a go-get-em Alpha, breathing is one of the keys to keeping calm. The physical effects of deliberate deep or box breathing have been documented everywhere. From army sniper training to child birth to Chris Hemsworth's Limitless, the correct breathing technique has been shown to calm your body by providing an increased level of oxygen to the brain while also stimulating the parasympathetic nervous system which releases the chemicals required to calm your system.<br>
<br>
The two techniques that are easiest to implement in a meeting are:<br>
</p>
<p><em>Deep Breathing:</em>Breath in until your usual point, then breath in again until you feel the air truly fill your diaphragm. Upon reaching this point, don't cough and splatter, but slowly release the air in a way that doesn't arouse suspicion from your surrounding colleagues or Zoomies.<br>
<br>
<em>Box Breathing</em>: A more complicated approach that have as good or even better effect. Breath in for 5 seconds. Hold for 5 seconds. Breath out for 5 seconds. Hold for 5 seconds. Repeat. It's a 5 second box that helps your entire nervous system calm down. The only problem I found with this one is that you can't really count while the listening attentively so you kind of need to guess at the intervals, but none-the-less, it works.<br>
<br>
<strong>ARMS</strong><br>
At the end of your arms are your hands. When your hands wave about you become excited. Or maybe you become excited because you wave your arms about. Either way, try and restrict your arms to a limited space and your hands will stay calm. You can further assist this process by placing your palms on the table in front of you. Keep them facing down on the table or on your lap. Only move them to join them. This stops you from pointing, waving, gesturing, slapping your forehead or whatever you usually do with them that help you express how utterly exacerbated you are with the customer's decision.<br>
<br>
<strong>LISTEN UNTIL THE END</strong><br>
I get asked a lot, "How can I listen to customer's better?" While there are some techniques we can discuss, there is a simple suggestion - let them finish talking ! Listening to someone's complete sentence is once of the greatest signs of respect you can show to another human being only because cutting them off mid-sentence is one of the worst signs of disrespect.<br>
<br>
It is very easy for us to know that we have heard this before. The "I know where this is going again" mindset kicks in because we want to keep the ball moving, but when we cut people off, that person doesn't feel heard. Listening to the end of someone's sentence also has us contemplate our response for that little bit longer which may also help you formulate a calmer and more precise response. Take the time and let your brain do what it is good at, "think"!<br>
<br>
<strong>TONE</strong><br>
And finally, focus on your tone. With your breathing under control, your arms in close proximity to your body and your attention on allowing someone to complete their sentence, you will find that your tone is much easier to control. This keeps the meeting at a cordial level. Of course, things can still get agitated but as they do, you have all the right mechanisms in place to absorb it, think and respond in a tone that is calm and constructive.<br>
<br>
And that is the point of BALT. Difficult conversations are exactly that, "difficult". It is far too easy for them to go sideways and end up in a situation where the decisions we make within them are not the ones we wished that we had made once we are out of them. To be more effective at this the BALT process will help you get more achieved and with less agita.</p>
Response in the BBCode Window after hitting "Convert"
<h1 style="text-align: center">B.A.L.T. to Stay Calm in Meetings</h1>
<div class="se-component se-image-container __se__float- __se__float-none" id="_idgpn_254">
<figure>
<img src="https://4081727.fs1.hubspotusercontent-na1.net/hubfs/4081727/dylan-gillis-KdeqA3aTnBY-unsplash%20%283%29.jpeg" alt="" data-proportion="true" data-align="none" data-file-name="dylan-gillis-KdeqA3aTnBY-unsplash%20%283%29.jpeg" data-file-size="0" data-origin="," data-size="," data-rotate="" data-percentage="auto,auto" origin-size="5472,3192" style="--base: #696969; --primary: #4397c5; --secondary: #6bbff7; --danger: #ff695b; --warning: #ffbe4f; --success: #3dcc79; --gray: #696969; --lightgray: #dfdbd2; --light: #fafafa; --dark: #696969; --border_radius: 4; --primary100: #fff; --primary200: #d9ffff; --primary300: #a7fbff; --primary400: #75c9f7; --primary500: #4397c5; --primary600: #116593; --primary700: #003361; --primary800: #00012f; --primary900: #000; --secondary100: #fff; --secondary200: #fff; --secondary300: #cfffff; --secondary400: #9df1ff; --secondary500: #6bbff7; --secondary600: #398dc5; --secondary700: #075b93; --secondary800: #002961; --secondary900: #00002f; --gray100: #fff; --gray200: #fff; --gray300: #cdcdcd; --gray400: #9b9b9b; --gray500: #696969; --gray600: #373737; --gray700: #050505; --gray800: #000; --gray900: #000; --dark100: #b9b9b9; --dark200: #a5a5a5; --dark300: #919191; --dark400: #7d7d7d; --dark500: #696969; --dark600: #555; --dark700: #414141; --dark800: #2d2d2d; --dark900: #191919; box-sizing: border-box; border: 0px rgb(226, 232, 240); border-radius: 0.25rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;" data-rotatex="" data-rotatey="" data-index="0">
</figure>
</div>
<div>I get asked a lot, "How can I keep myself poised in tense meetings with customers?" If you've ever sat in a tense meeting with me, you'd might be justified in thinking, "How would he know?"
</div>
This being said, and over the years, I have worked on my own ability to sit through these meetings in a more subdued but more effective manner. I'm always in awe of the super calm executive who never flusters but still manages to cut through the crap and get to the best outcome. Obviously, personality and character have a lot to do with it, but many people have a disposition that doesn't naturally lend itself to being the most calm and constructive in these moments, For you (and for myself) B.A.L.T. is my hack!
[b]BREATHING[/b]
As hokey as it might sound to a go-get-em Alpha, breathing is one of the keys to keeping calm. The physical effects of deliberate deep or box breathing have been documented everywhere. From army sniper training to child birth to Chris Hemsworth's Limitless, the correct breathing technique has been shown to calm your body by providing an increased level of oxygen to the brain while also stimulating the parasympathetic nervous system which releases the chemicals required to calm your system.
The two techniques that are easiest to implement in a meeting are:
[i]Deep Breathing:[/i]Breath in until your usual point, then breath in again until you feel the air truly fill your diaphragm. Upon reaching this point, don't cough and splatter, but slowly release the air in a way that doesn't arouse suspicion from your surrounding colleagues or Zoomies.
[i]Box Breathing[/i]: A more complicated approach that have as good or even better effect. Breath in for 5 seconds. Hold for 5 seconds. Breath out for 5 seconds. Hold for 5 seconds. Repeat. It's a 5 second box that helps your entire nervous system calm down. The only problem I found with this one is that you can't really count while the listening attentively so you kind of need to guess at the intervals, but none-the-less, it works.
[b]ARMS[/b]
At the end of your arms are your hands. When your hands wave about you become excited. Or maybe you become excited because you wave your arms about. Either way, try and restrict your arms to a limited space and your hands will stay calm. You can further assist this process by placing your palms on the table in front of you. Keep them facing down on the table or on your lap. Only move them to join them. This stops you from pointing, waving, gesturing, slapping your forehead or whatever you usually do with them that help you express how utterly exacerbated you are with the customer's decision.
[b]LISTEN UNTIL THE END[/b]
I get asked a lot, "How can I listen to customer's better?" While there are some techniques we can discuss, there is a simple suggestion - let them finish talking ! Listening to someone's complete sentence is once of the greatest signs of respect you can show to another human being only because cutting them off mid-sentence is one of the worst signs of disrespect.
It is very easy for us to know that we have heard this before. The "I know where this is going again" mindset kicks in because we want to keep the ball moving, but when we cut people off, that person doesn't feel heard. Listening to the end of someone's sentence also has us contemplate our response for that little bit longer which may also help you formulate a calmer and more precise response. Take the time and let your brain do what it is good at, "think"!
[b]TONE[/b]
And finally, focus on your tone. With your breathing under control, your arms in close proximity to your body and your attention on allowing someone to complete their sentence, you will find that your tone is much easier to control. This keeps the meeting at a cordial level. Of course, things can still get agitated but as they do, you have all the right mechanisms in place to absorb it, think and respond in a tone that is calm and constructive.
And that is the point of BALT. Difficult conversations are exactly that, "difficult". It is far too easy for them to go sideways and end up in a situation where the decisions we make within them are not the ones we wished that we had made once we are out of them. To be more effective at this the BALT process will help you get more achieved and with less agita.
How it SHOULD render:
How it DOES render: