How to prevent Interactive Book from stripping html code?

[plabguide]

Hi there I am using Interactive Book for content creation and found it very helpful for making my content interactive however I found that when html code is pasted in this, it breaks the code and strips wrapper tags etc. For example it automatically disable Flex display and we are forced to use Table display instead. There is no problem with the code when it is pasted in core book or anywhere else in the editor like on page or text and image area.
This is limiting our use of Interactive Book and we are kind of disappointed, it seems that html text content does not allow you to use the full functionality of TinyMCE editor.

Below is an example of the source code, please try this by pasting the code in Interactive Book html text content area and then somewhere else like core book content area, you will find that the appearance is absolutely different.

    <!-- Top Accent Line -->
    <div style="height:5px; width:100%; background:linear-gradient(90deg, #2E7D32 0%, #2E7D32 25%, #F9A825 25%, #F9A825 50%, #EF6C00 50%, #EF6C00 75%, #2E7D32 75%, #2E7D32 100%); border-radius:4px 4px 0 0; margin-bottom:15px;"></div>
    
    <!-- Title -->
    <h1 style="color:#2E7D32; border-bottom:3px solid #EF6C00; padding-bottom:8px; margin-top:0; margin-bottom:15px; font-weight:600; text-align:center; font-size:clamp(1.5rem, 5vw, 2rem);">4Hs and 4Ts: Reversible Causes of Cardiac Arrest</h1>
    
    <!-- Introduction -->
    <div style="background:#f1f8e9; padding:15px; border-left:6px solid #2E7D32; margin-bottom:25px; border-radius:0 5px 5px 0;">
        <p style="margin:0; font-size:clamp(0.95rem, 2.5vw, 1rem);">The 4Hs and 4Ts is a mnemonic used during Advanced Life Support (ALS) to identify and treat potentially reversible causes of cardiac arrest. According to Resuscitation Council UK guidelines, these should be considered throughout any cardiac arrest situation [citation:1][citation:3].</p>
    </div>
    
    <!-- Key Statistics Box -->
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin-bottom:20px;">
        <div style="flex:1; min-width:150px; background:#fff3e0; border:1px solid #EF6C00; border-radius:5px; padding:10px; text-align:center;">
            <span style="font-size:1.3rem; font-weight:bold; color:#EF6C00;">30,000-35,000</span>
            <p style="margin:5px 0 0;">Out-of-hospital cardiac arrests/year in UK [citation:10]</p>
        </div>
        <div style="flex:1; min-width:150px; background:#f1f8e9; border:1px solid #2E7D32; border-radius:5px; padding:10px; text-align:center;">
            <span style="font-size:1.3rem; font-weight:bold; color:#2E7D32;">8-11%</span>
            <p style="margin:5px 0 0;">Survival rate (out-of-hospital) [citation:10]</p>
        </div>
        <div style="flex:1; min-width:150px; background:#fffde7; border:1px solid #F9A825; border-radius:5px; padding:10px; text-align:center;">
            <span style="font-size:1.3rem; font-weight:bold; color:#F9A825;">90%</span>
            <p style="margin:5px 0 0;">Survival if treated within first minutes [citation:10]</p>
        </div>
    </div>
    
    <!-- 4Hs Section -->
    <h2 style="background:#2E7D32; color:white; padding:10px 15px; margin:20px 0 0; border-radius:5px 5px 0 0; font-size:clamp(1.2rem, 4vw, 1.5rem);">The 4 Hs</h2>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Hypoxia -->
        <div style="flex:1; min-width:250px; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:12px;">
            <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px; border-bottom:1px solid #2E7D32; padding-bottom:5px;">🫁 1. Hypoxia</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Inadequate oxygen delivery to tissues [citation:10].</p>
            <p style="margin:5px 0;"><strong>Causes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Airway obstruction (choking, foreign body)</li>
                <li>Drowning/near-drowning</li>
                <li>Severe asthma/COPD exacerbation</li>
                <li>Pneumonia, pulmonary oedema</li>
                <li>Hypoventilation (opioid overdose, muscle weakness)</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong></p>
            <ul style="margin:2px 0 0; padding-left:18px;">
                <li>Secure airway (intubation, supraglottic airway)</li>
                <li>100% oxygen during CPR</li>
                <li>Treat underlying cause</li>
            </ul>
        </div>
        
        <!-- Hypovolaemia -->
        <div style="flex:1; min-width:250px; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:12px;">
            <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px; border-bottom:1px solid #2E7D32; padding-bottom:5px;">💧 2. Hypovolaemia</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Low circulating blood volume [citation:10].</p>
            <p style="margin:5px 0;"><strong>Causes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Haemorrhage (trauma, GI bleed, ruptured AAA)</li>
                <li>Dehydration (vomiting, diarrhoea, burns)</li>
                <li>Sepsis (relative hypovolaemia)</li>
                <li>Anaphylaxis (vasodilation)</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong></p>
            <ul style="margin:2px 0 0; padding-left:18px;">
                <li>IV/IO fluid boluses (crystalloids)</li>
                <li>Blood transfusion if haemorrhage</li>
                <li>Control external bleeding</li>
                <li>Surgical intervention if internal bleeding</li>
            </ul>
        </div>
    </div>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Hypo/Hyperkalaemia -->
        <div style="flex:1; min-width:250px; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:12px;">
            <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px; border-bottom:1px solid #2E7D32; padding-bottom:5px;">⚡ 3. Hypo-/Hyperkalaemia</h3>
            <p style="margin:5px 0;"><strong>Also includes:</strong> Hypocalcaemia, hypomagnesaemia, acidaemia (hydrogen ion) [citation:5][citation:10].</p>
            <p style="margin:5px 0;"><strong>Causes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Renal failure</li>
                <li>Diabetic ketoacidosis</li>
                <li>Potassium-sparing diuretics</li>
                <li>Rhabdomyolysis</li>
                <li>Massive blood transfusion</li>
            </ul>
            <p style="margin:5px 0;"><strong>ECG Changes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Hyperkalaemia: Peaked T waves, wide QRS, sine wave</li>
                <li>Hypokalaemia: U waves, flat T waves</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong> IV calcium chloride, insulin/dextrose, nebulised salbutamol, sodium bicarbonate [citation:7].</p>
        </div>
        
        <!-- Hypothermia -->
        <div style="flex:1; min-width:250px; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:12px;">
            <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px; border-bottom:1px solid #2E7D32; padding-bottom:5px;">❄️ 4. Hypothermia</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Core temperature &lt;35°C [citation:10].</p>
            <p style="margin:5px 0;"><strong>Causes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Cold water immersion</li>
                <li>Environmental exposure</li>
                <li>Alcohol/drug intoxication</li>
                <li>Trauma</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong></p>
            <ul style="margin:2px 0 0; padding-left:18px;">
                <li>Rewarming techniques (passive/active)</li>
                <li>Warm IV fluids (40-42°C)</li>
                <li>Consider prolonged CPR – "not dead until warm and dead"</li>
                <li>Modified drug intervals (double if 30-35°C)</li>
            </ul>
        </div>
    </div>
    
    <!-- 4Ts Section -->
    <h2 style="background:#EF6C00; color:white; padding:10px 15px; margin:20px 0 0; border-radius:5px 5px 0 0; font-size:clamp(1.2rem, 4vw, 1.5rem);">The 4 Ts</h2>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Tension Pneumothorax -->
        <div style="flex:1; min-width:250px; background:#fff3e0; border:2px solid #EF6C00; border-radius:8px; padding:12px;">
            <h3 style="color:#EF6C00; margin-top:0; margin-bottom:8px; border-bottom:1px solid #EF6C00; padding-bottom:5px;">🫁 1. Tension Pneumothorax</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Air trapped in pleural space under pressure, causing mediastinal shift [citation:1].</p>
            <p style="margin:5px 0;"><strong>Signs:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Unilateral chest expansion</li>
                <li>Tracheal deviation away from affected side</li>
                <li>Hyper-resonance to percussion</li>
                <li>Absent breath sounds</li>
                <li>Subcutaneous emphysema</li>
                <li>Distended neck veins</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong> Needle decompression (2nd ICS, mid-clavicular line) → chest drain insertion. In ventilated patients, thoracostomy may be quicker [citation:1].</p>
        </div>
        
        <!-- Tamponade -->
        <div style="flex:1; min-width:250px; background:#fff3e0; border:2px solid #EF6C00; border-radius:8px; padding:12px;">
            <h3 style="color:#EF6C00; margin-top:0; margin-bottom:8px; border-bottom:1px solid #EF6C00; padding-bottom:5px;">❤️ 2. Cardiac Tamponade</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Fluid in pericardial sac compressing the heart [citation:10].</p>
            <p style="margin:5px 0;"><strong>Signs:</strong> Beck's triad (hypotension, muffled heart sounds, raised JVP), pulsus paradoxus.</p>
            <p style="margin:5px 0;"><strong>Causes:</strong> Trauma, post-MI, pericarditis, aortic dissection, malignancy.</p>
            <p style="margin:5px 0;"><strong>Diagnosis:</strong> Point-of-care ultrasound (fluid in pericardium, small/collapsed IVC) [citation:5].</p>
            <p style="margin:5px 0;"><strong>Treatment:</strong> Needle pericardiocentesis (subxiphoid approach) or surgical drainage.</p>
        </div>
    </div>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Toxins -->
        <div style="flex:1; min-width:250px; background:#fff3e0; border:2px solid #EF6C00; border-radius:8px; padding:12px;">
            <h3 style="color:#EF6C00; margin-top:0; margin-bottom:8px; border-bottom:1px solid #EF6C00; padding-bottom:5px;">💊 3. Toxins</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Drug overdose or poisoning [citation:10].</p>
            <p style="margin:5px 0;"><strong>Common agents:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Opioids (heroin, morphine) – treat with naloxone</li>
                <li>Benzodiazepines – flumazenil (use with caution)</li>
                <li>Tricyclic antidepressants – sodium bicarbonate</li>
                <li>Beta-blockers – glucagon</li>
                <li>Calcium channel blockers – calcium, high-dose insulin</li>
                <li>Carbon monoxide, cyanide</li>
                <li>Local anaesthetics – intralipid</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong> Specific antidotes, supportive care, consider decontamination.</p>
        </div>
        
        <!-- Thrombosis -->
        <div style="flex:1; min-width:250px; background:#fff3e0; border:2px solid #EF6C00; border-radius:8px; padding:12px;">
            <h3 style="color:#EF6C00; margin-top:0; margin-bottom:8px; border-bottom:1px solid #EF6C00; padding-bottom:5px;">🩸 4. Thrombosis</h3>
            <p style="margin:5px 0;"><strong>Two types:</strong> Coronary thrombosis (MI) or Pulmonary embolism [citation:6][citation:10].</p>
            <p style="margin:5px 0;"><strong>Coronary thrombosis:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Most common cause of cardiac arrest</li>
                <li>ECG: STEMI if ROSC achieved</li>
                <li>Treatment: PCI (angioplasty) or thrombolysis</li>
            </ul>
            <p style="margin:5px 0;"><strong>Pulmonary embolism:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Signs: Dilated right ventricle on ultrasound (RV > LV) [citation:5]</li>
                <li>Treatment: Thrombolysis during CPR, surgical embolectomy</li>
            </ul>
            <p style="margin:5px 0;"><strong>Ultrasound findings:</strong> Dilated right ventricle (PE), hypokinetic LV (MI) [citation:5].</p>
        </div>
    </div>
    
    <!-- Diagnostic Approach Box -->
    <div style="margin:25px 0; background:#f9f9f9; border-left:6px solid #F9A825; padding:15px; border-radius:0 5px 5px 0;">
        <h3 style="color:#F9A825; margin-top:0; margin-bottom:8px;">🔍 Systematic Diagnostic Approach (ABC Rule) [citation:5]</h3>
        <ul style="margin:0; padding-left:20px;">
            <li><strong>A – Secure airway:</strong> Treats hypoxia</li>
            <li><strong>B – Secure bilateral breathing:</strong> Tension pneumothorax (needle decompression)</li>
            <li><strong>C – Point-of-care echocardiography:</strong>
                <ul style="margin:2px 0 0 20px;">
                    <li>Hypovolaemia – small/collapsed IVC, "empty" heart (LVEDD &lt;35mm)</li>
                    <li>Pulmonary embolism – dilated RV &gt; LV</li>
                    <li>Coronary thrombosis – hypokinetic LV</li>
                    <li>Tamponade – fluid in pericardium</li>
                </ul>
            </li>
            <li><strong>Metabolic causes:</strong> Check bloods for kalaemia, acidosis (hydrogen ion)</li>
            <li><strong>Rare causes:</strong> Hypothermia, toxins</li>
        </ul>
    </div>
    
    <!-- Special Considerations -->
    <h2 style="background:#F9A825; color:white; padding:10px 15px; margin:20px 0 0; border-radius:5px 5px 0 0; font-size:clamp(1.2rem, 4vw, 1.5rem);">Special Circumstances</h2>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Trauma -->
        <div style="flex:1; min-width:200px; background:#fffde7; border:1px solid #F9A825; border-radius:5px; padding:10px;">
            <h4 style="color:#F9A825; margin-top:0;">🚑 Trauma</h4>
            <p>Most common reversible causes: Hypoxia, Tension pneumothorax, Hypovolaemia, Cardiac tamponade [citation:9].</p>
            <p><strong>Action:</strong> Bilateral open thoracostomies to exclude pneumothorax, control haemorrhage, consider emergency thoracotomy if penetrating trauma and arrest &lt;10 min [citation:9].</p>
        </div>
        
        <!-- Pregnancy -->
        <div style="flex:1; min-width:200px; background:#fffde7; border:1px solid #F9A825; border-radius:5px; padding:10px;">
            <h4 style="color:#F9A825; margin-top:0;">🤰 Pregnancy</h4>
            <p>If fundus above umbilicus (≥20 weeks), aortocaval compression reduces cardiac output.</p>
            <p><strong>Action:</strong> Manual uterine displacement to left, perimortem Caesarean section within 5 min of arrest [citation:9].</p>
        </div>
        
        <!-- Hypothermia -->
        <div style="flex:1; min-width:200px; background:#fffde7; border:1px solid #F9A825; border-radius:5px; padding:10px;">
            <h4 style="color:#F9A825; margin-top:0;">❄️ Hypothermia</h4>
            <p>Core temp &lt;30°C: Max 3 shocks, no drugs until &gt;30°C. 30-35°C: Double intervals between drugs [citation:8].</p>
            <p>"Not dead until warm and dead" – prolonged resuscitation may be successful.</p>
        </div>
    </div>
    
    <!-- PLAB Tips -->
    <div style="margin:25px 0; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:15px;">
        <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px;">📝 PLAB Exam Tips</h3>
        <ul style="margin:0; padding-left:20px;">
            <li>Know the 4Hs and 4Ts in order – examiners expect systematic approach</li>
            <li>Point-of-care ultrasound is key for diagnosing T's (tamponade, PE, tension pneumothorax, hypovolaemia) [citation:5]</li>
            <li>In trauma, tension pneumothorax and hypovolaemia are most common [citation:9]</li>
            <li>Thrombolysis for PE can be given during CPR – do not delay</li>
            <li>Hypothermia requires modified drug protocols and prolonged resuscitation</li>
            <li>For toxins, know specific antidotes (naloxone, flumazenil, glucagon, etc.)</li>
        </ul>
    </div>
    
    <!-- Quick Reference Card -->
    <div style="margin:25px 0; border:2px solid #2E7D32; border-radius:8px; overflow:hidden;">
        <div style="background:#2E7D32; color:white; padding:10px; text-align:center; font-weight:bold; font-size:clamp(1.1rem, 3.5vw, 1.3rem);">4Hs and 4Ts - Quick Reference Card</div>
        <table style="width:100%; border-collapse:collapse;">
            <tr style="background:#f1f8e9;">
                <th style="padding:8px; border:1px solid #2E7D32; text-align:left;">4 Hs</th>
                <th style="padding:8px; border:1px solid #2E7D32; text-align:left;">Key Actions</th>
            </tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Hypoxia</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Secure airway, 100% O₂</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Hypovolaemia</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">IV fluids, blood, control bleeding</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Hypo/Hyperkalaemia</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Check electrolytes, correct accordingly</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Hypothermia</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Rewarm, modified drug intervals</td></tr>
            <tr style="background:#fff3e0;"><th style="padding:8px; border:1px solid #EF6C00; text-align:left;">4 Ts</th><th style="padding:8px; border:1px solid #EF6C00; text-align:left;">Key Actions</th></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Tension pneumothorax</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Needle decompression → chest drain</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Tamponade</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Pericardiocentesis</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Toxins</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Antidotes, supportive care</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Thrombosis</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">PCI/thrombolysis for MI, thrombolysis for PE</td></tr>
        </table>
    </div>
    
    <!-- References -->
    <div style="margin:25px 0; padding:10px; background:#f9f9f9; border-left:4px solid #666666; font-size:0.85rem;">
        <p style="margin:2px 0;"><strong>References:</strong></p>
        <p style="margin:2px 0;">[1] Resuscitation Council UK. Advanced Life Support - Special Circumstances [citation:1]</p>
        <p style="margin:2px 0;">[3] RCEMLearning. Cardiac Arrest in Hypothermia [citation:3]</p>
        <p style="margin:2px 0;">[5] Motol University Hospital Approach. Resuscitation 2018 [citation:5]</p>
        <p style="margin:2px 0;">[9] Oxford Medical Handbooks. Emergencies in Trauma, Special Circumstances [citation:9]</p>
        <p style="margin:2px 0;">[10] Caring For Care. Understanding Hs and Ts in Cardiac Arrest [citation:10]</p>
    </div>
    
    <!-- Back to Top -->
    <div style="margin:25px 0 15px; text-align:center;">
        <a href="#top" style="background:#EF6C00; color:white; padding:8px 20px; text-decoration:none; border-radius:5px; font-weight:bold; display:inline-block; border:1px solid #F9A825; font-size:clamp(0.9rem, 2.5vw, 1rem);">↑ Back to Top</a>
    </div>
    
    <!-- Footer -->
    <div style="margin-top:20px; padding:10px; text-align:center; border-top:2px solid #EF6C00; border-bottom:2px solid #2E7D32; font-weight:bold; color:#2E7D32; background:#fffde7; font-size:clamp(0.85rem, 2.3vw, 0.95rem);">
        PLAB Guide copyright
    </div>
    
    <!-- Bottom Accent Line -->
    <div style="height:5px; width:100%; background:linear-gradient(90deg, #2E7D32 0%, #2E7D32 25%, #F9A825 25%, #F9A825 50%, #EF6C00 50%, #EF6C00 75%, #2E7D32 75%, #2E7D32 100%); border-radius:0 0 4px 4px; margin-top:10px;"></div>
</div>

This needs fixing really to enjoy the real beauty of Interactive Book content creation. I hope to see the fixes coming soon. Thanks

[plabguide]

`

    <!-- Top Accent Line -->
    <div style="height:5px; width:100%; background:linear-gradient(90deg, #2E7D32 0%, #2E7D32 25%, #F9A825 25%, #F9A825 50%, #EF6C00 50%, #EF6C00 75%, #2E7D32 75%, #2E7D32 100%); border-radius:4px 4px 0 0; margin-bottom:15px;"></div>
    
    <!-- Title -->
    <h1 style="color:#2E7D32; border-bottom:3px solid #EF6C00; padding-bottom:8px; margin-top:0; margin-bottom:15px; font-weight:600; text-align:center; font-size:clamp(1.5rem, 5vw, 2rem);">4Hs and 4Ts: Reversible Causes of Cardiac Arrest</h1>
    
    <!-- Introduction -->
    <div style="background:#f1f8e9; padding:15px; border-left:6px solid #2E7D32; margin-bottom:25px; border-radius:0 5px 5px 0;">
        <p style="margin:0; font-size:clamp(0.95rem, 2.5vw, 1rem);">The 4Hs and 4Ts is a mnemonic used during Advanced Life Support (ALS) to identify and treat potentially reversible causes of cardiac arrest. According to Resuscitation Council UK guidelines, these should be considered throughout any cardiac arrest situation [citation:1][citation:3].</p>
    </div>
    
    <!-- Key Statistics Box -->
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin-bottom:20px;">
        <div style="flex:1; min-width:150px; background:#fff3e0; border:1px solid #EF6C00; border-radius:5px; padding:10px; text-align:center;">
            <span style="font-size:1.3rem; font-weight:bold; color:#EF6C00;">30,000-35,000</span>
            <p style="margin:5px 0 0;">Out-of-hospital cardiac arrests/year in UK [citation:10]</p>
        </div>
        <div style="flex:1; min-width:150px; background:#f1f8e9; border:1px solid #2E7D32; border-radius:5px; padding:10px; text-align:center;">
            <span style="font-size:1.3rem; font-weight:bold; color:#2E7D32;">8-11%</span>
            <p style="margin:5px 0 0;">Survival rate (out-of-hospital) [citation:10]</p>
        </div>
        <div style="flex:1; min-width:150px; background:#fffde7; border:1px solid #F9A825; border-radius:5px; padding:10px; text-align:center;">
            <span style="font-size:1.3rem; font-weight:bold; color:#F9A825;">90%</span>
            <p style="margin:5px 0 0;">Survival if treated within first minutes [citation:10]</p>
        </div>
    </div>
    
    <!-- 4Hs Section -->
    <h2 style="background:#2E7D32; color:white; padding:10px 15px; margin:20px 0 0; border-radius:5px 5px 0 0; font-size:clamp(1.2rem, 4vw, 1.5rem);">The 4 Hs</h2>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Hypoxia -->
        <div style="flex:1; min-width:250px; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:12px;">
            <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px; border-bottom:1px solid #2E7D32; padding-bottom:5px;">🫁 1. Hypoxia</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Inadequate oxygen delivery to tissues [citation:10].</p>
            <p style="margin:5px 0;"><strong>Causes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Airway obstruction (choking, foreign body)</li>
                <li>Drowning/near-drowning</li>
                <li>Severe asthma/COPD exacerbation</li>
                <li>Pneumonia, pulmonary oedema</li>
                <li>Hypoventilation (opioid overdose, muscle weakness)</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong></p>
            <ul style="margin:2px 0 0; padding-left:18px;">
                <li>Secure airway (intubation, supraglottic airway)</li>
                <li>100% oxygen during CPR</li>
                <li>Treat underlying cause</li>
            </ul>
        </div>
        
        <!-- Hypovolaemia -->
        <div style="flex:1; min-width:250px; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:12px;">
            <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px; border-bottom:1px solid #2E7D32; padding-bottom:5px;">💧 2. Hypovolaemia</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Low circulating blood volume [citation:10].</p>
            <p style="margin:5px 0;"><strong>Causes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Haemorrhage (trauma, GI bleed, ruptured AAA)</li>
                <li>Dehydration (vomiting, diarrhoea, burns)</li>
                <li>Sepsis (relative hypovolaemia)</li>
                <li>Anaphylaxis (vasodilation)</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong></p>
            <ul style="margin:2px 0 0; padding-left:18px;">
                <li>IV/IO fluid boluses (crystalloids)</li>
                <li>Blood transfusion if haemorrhage</li>
                <li>Control external bleeding</li>
                <li>Surgical intervention if internal bleeding</li>
            </ul>
        </div>
    </div>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Hypo/Hyperkalaemia -->
        <div style="flex:1; min-width:250px; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:12px;">
            <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px; border-bottom:1px solid #2E7D32; padding-bottom:5px;">⚡ 3. Hypo-/Hyperkalaemia</h3>
            <p style="margin:5px 0;"><strong>Also includes:</strong> Hypocalcaemia, hypomagnesaemia, acidaemia (hydrogen ion) [citation:5][citation:10].</p>
            <p style="margin:5px 0;"><strong>Causes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Renal failure</li>
                <li>Diabetic ketoacidosis</li>
                <li>Potassium-sparing diuretics</li>
                <li>Rhabdomyolysis</li>
                <li>Massive blood transfusion</li>
            </ul>
            <p style="margin:5px 0;"><strong>ECG Changes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Hyperkalaemia: Peaked T waves, wide QRS, sine wave</li>
                <li>Hypokalaemia: U waves, flat T waves</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong> IV calcium chloride, insulin/dextrose, nebulised salbutamol, sodium bicarbonate [citation:7].</p>
        </div>
        
        <!-- Hypothermia -->
        <div style="flex:1; min-width:250px; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:12px;">
            <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px; border-bottom:1px solid #2E7D32; padding-bottom:5px;">❄️ 4. Hypothermia</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Core temperature &lt;35°C [citation:10].</p>
            <p style="margin:5px 0;"><strong>Causes:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Cold water immersion</li>
                <li>Environmental exposure</li>
                <li>Alcohol/drug intoxication</li>
                <li>Trauma</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong></p>
            <ul style="margin:2px 0 0; padding-left:18px;">
                <li>Rewarming techniques (passive/active)</li>
                <li>Warm IV fluids (40-42°C)</li>
                <li>Consider prolonged CPR – "not dead until warm and dead"</li>
                <li>Modified drug intervals (double if 30-35°C)</li>
            </ul>
        </div>
    </div>
    
    <!-- 4Ts Section -->
    <h2 style="background:#EF6C00; color:white; padding:10px 15px; margin:20px 0 0; border-radius:5px 5px 0 0; font-size:clamp(1.2rem, 4vw, 1.5rem);">The 4 Ts</h2>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Tension Pneumothorax -->
        <div style="flex:1; min-width:250px; background:#fff3e0; border:2px solid #EF6C00; border-radius:8px; padding:12px;">
            <h3 style="color:#EF6C00; margin-top:0; margin-bottom:8px; border-bottom:1px solid #EF6C00; padding-bottom:5px;">🫁 1. Tension Pneumothorax</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Air trapped in pleural space under pressure, causing mediastinal shift [citation:1].</p>
            <p style="margin:5px 0;"><strong>Signs:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Unilateral chest expansion</li>
                <li>Tracheal deviation away from affected side</li>
                <li>Hyper-resonance to percussion</li>
                <li>Absent breath sounds</li>
                <li>Subcutaneous emphysema</li>
                <li>Distended neck veins</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong> Needle decompression (2nd ICS, mid-clavicular line) → chest drain insertion. In ventilated patients, thoracostomy may be quicker [citation:1].</p>
        </div>
        
        <!-- Tamponade -->
        <div style="flex:1; min-width:250px; background:#fff3e0; border:2px solid #EF6C00; border-radius:8px; padding:12px;">
            <h3 style="color:#EF6C00; margin-top:0; margin-bottom:8px; border-bottom:1px solid #EF6C00; padding-bottom:5px;">❤️ 2. Cardiac Tamponade</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Fluid in pericardial sac compressing the heart [citation:10].</p>
            <p style="margin:5px 0;"><strong>Signs:</strong> Beck's triad (hypotension, muffled heart sounds, raised JVP), pulsus paradoxus.</p>
            <p style="margin:5px 0;"><strong>Causes:</strong> Trauma, post-MI, pericarditis, aortic dissection, malignancy.</p>
            <p style="margin:5px 0;"><strong>Diagnosis:</strong> Point-of-care ultrasound (fluid in pericardium, small/collapsed IVC) [citation:5].</p>
            <p style="margin:5px 0;"><strong>Treatment:</strong> Needle pericardiocentesis (subxiphoid approach) or surgical drainage.</p>
        </div>
    </div>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Toxins -->
        <div style="flex:1; min-width:250px; background:#fff3e0; border:2px solid #EF6C00; border-radius:8px; padding:12px;">
            <h3 style="color:#EF6C00; margin-top:0; margin-bottom:8px; border-bottom:1px solid #EF6C00; padding-bottom:5px;">💊 3. Toxins</h3>
            <p style="margin:5px 0;"><strong>Definition:</strong> Drug overdose or poisoning [citation:10].</p>
            <p style="margin:5px 0;"><strong>Common agents:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Opioids (heroin, morphine) – treat with naloxone</li>
                <li>Benzodiazepines – flumazenil (use with caution)</li>
                <li>Tricyclic antidepressants – sodium bicarbonate</li>
                <li>Beta-blockers – glucagon</li>
                <li>Calcium channel blockers – calcium, high-dose insulin</li>
                <li>Carbon monoxide, cyanide</li>
                <li>Local anaesthetics – intralipid</li>
            </ul>
            <p style="margin:5px 0;"><strong>Treatment:</strong> Specific antidotes, supportive care, consider decontamination.</p>
        </div>
        
        <!-- Thrombosis -->
        <div style="flex:1; min-width:250px; background:#fff3e0; border:2px solid #EF6C00; border-radius:8px; padding:12px;">
            <h3 style="color:#EF6C00; margin-top:0; margin-bottom:8px; border-bottom:1px solid #EF6C00; padding-bottom:5px;">🩸 4. Thrombosis</h3>
            <p style="margin:5px 0;"><strong>Two types:</strong> Coronary thrombosis (MI) or Pulmonary embolism [citation:6][citation:10].</p>
            <p style="margin:5px 0;"><strong>Coronary thrombosis:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Most common cause of cardiac arrest</li>
                <li>ECG: STEMI if ROSC achieved</li>
                <li>Treatment: PCI (angioplasty) or thrombolysis</li>
            </ul>
            <p style="margin:5px 0;"><strong>Pulmonary embolism:</strong></p>
            <ul style="margin:2px 0 5px; padding-left:18px;">
                <li>Signs: Dilated right ventricle on ultrasound (RV > LV) [citation:5]</li>
                <li>Treatment: Thrombolysis during CPR, surgical embolectomy</li>
            </ul>
            <p style="margin:5px 0;"><strong>Ultrasound findings:</strong> Dilated right ventricle (PE), hypokinetic LV (MI) [citation:5].</p>
        </div>
    </div>
    
    <!-- Diagnostic Approach Box -->
    <div style="margin:25px 0; background:#f9f9f9; border-left:6px solid #F9A825; padding:15px; border-radius:0 5px 5px 0;">
        <h3 style="color:#F9A825; margin-top:0; margin-bottom:8px;">🔍 Systematic Diagnostic Approach (ABC Rule) [citation:5]</h3>
        <ul style="margin:0; padding-left:20px;">
            <li><strong>A – Secure airway:</strong> Treats hypoxia</li>
            <li><strong>B – Secure bilateral breathing:</strong> Tension pneumothorax (needle decompression)</li>
            <li><strong>C – Point-of-care echocardiography:</strong>
                <ul style="margin:2px 0 0 20px;">
                    <li>Hypovolaemia – small/collapsed IVC, "empty" heart (LVEDD &lt;35mm)</li>
                    <li>Pulmonary embolism – dilated RV &gt; LV</li>
                    <li>Coronary thrombosis – hypokinetic LV</li>
                    <li>Tamponade – fluid in pericardium</li>
                </ul>
            </li>
            <li><strong>Metabolic causes:</strong> Check bloods for kalaemia, acidosis (hydrogen ion)</li>
            <li><strong>Rare causes:</strong> Hypothermia, toxins</li>
        </ul>
    </div>
    
    <!-- Special Considerations -->
    <h2 style="background:#F9A825; color:white; padding:10px 15px; margin:20px 0 0; border-radius:5px 5px 0 0; font-size:clamp(1.2rem, 4vw, 1.5rem);">Special Circumstances</h2>
    
    <div style="display:flex; flex-wrap:wrap; gap:15px; margin:15px 0;">
        <!-- Trauma -->
        <div style="flex:1; min-width:200px; background:#fffde7; border:1px solid #F9A825; border-radius:5px; padding:10px;">
            <h4 style="color:#F9A825; margin-top:0;">🚑 Trauma</h4>
            <p>Most common reversible causes: Hypoxia, Tension pneumothorax, Hypovolaemia, Cardiac tamponade [citation:9].</p>
            <p><strong>Action:</strong> Bilateral open thoracostomies to exclude pneumothorax, control haemorrhage, consider emergency thoracotomy if penetrating trauma and arrest &lt;10 min [citation:9].</p>
        </div>
        
        <!-- Pregnancy -->
        <div style="flex:1; min-width:200px; background:#fffde7; border:1px solid #F9A825; border-radius:5px; padding:10px;">
            <h4 style="color:#F9A825; margin-top:0;">🤰 Pregnancy</h4>
            <p>If fundus above umbilicus (≥20 weeks), aortocaval compression reduces cardiac output.</p>
            <p><strong>Action:</strong> Manual uterine displacement to left, perimortem Caesarean section within 5 min of arrest [citation:9].</p>
        </div>
        
        <!-- Hypothermia -->
        <div style="flex:1; min-width:200px; background:#fffde7; border:1px solid #F9A825; border-radius:5px; padding:10px;">
            <h4 style="color:#F9A825; margin-top:0;">❄️ Hypothermia</h4>
            <p>Core temp &lt;30°C: Max 3 shocks, no drugs until &gt;30°C. 30-35°C: Double intervals between drugs [citation:8].</p>
            <p>"Not dead until warm and dead" – prolonged resuscitation may be successful.</p>
        </div>
    </div>
    
    <!-- PLAB Tips -->
    <div style="margin:25px 0; background:#f1f8e9; border:2px solid #2E7D32; border-radius:8px; padding:15px;">
        <h3 style="color:#2E7D32; margin-top:0; margin-bottom:8px;">📝 PLAB Exam Tips</h3>
        <ul style="margin:0; padding-left:20px;">
            <li>Know the 4Hs and 4Ts in order – examiners expect systematic approach</li>
            <li>Point-of-care ultrasound is key for diagnosing T's (tamponade, PE, tension pneumothorax, hypovolaemia) [citation:5]</li>
            <li>In trauma, tension pneumothorax and hypovolaemia are most common [citation:9]</li>
            <li>Thrombolysis for PE can be given during CPR – do not delay</li>
            <li>Hypothermia requires modified drug protocols and prolonged resuscitation</li>
            <li>For toxins, know specific antidotes (naloxone, flumazenil, glucagon, etc.)</li>
        </ul>
    </div>
    
    <!-- Quick Reference Card -->
    <div style="margin:25px 0; border:2px solid #2E7D32; border-radius:8px; overflow:hidden;">
        <div style="background:#2E7D32; color:white; padding:10px; text-align:center; font-weight:bold; font-size:clamp(1.1rem, 3.5vw, 1.3rem);">4Hs and 4Ts - Quick Reference Card</div>
        <table style="width:100%; border-collapse:collapse;">
            <tr style="background:#f1f8e9;">
                <th style="padding:8px; border:1px solid #2E7D32; text-align:left;">4 Hs</th>
                <th style="padding:8px; border:1px solid #2E7D32; text-align:left;">Key Actions</th>
            </tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Hypoxia</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Secure airway, 100% O₂</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Hypovolaemia</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">IV fluids, blood, control bleeding</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Hypo/Hyperkalaemia</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Check electrolytes, correct accordingly</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Hypothermia</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Rewarm, modified drug intervals</td></tr>
            <tr style="background:#fff3e0;"><th style="padding:8px; border:1px solid #EF6C00; text-align:left;">4 Ts</th><th style="padding:8px; border:1px solid #EF6C00; text-align:left;">Key Actions</th></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Tension pneumothorax</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Needle decompression → chest drain</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Tamponade</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Pericardiocentesis</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Toxins</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">Antidotes, supportive care</td></tr>
            <tr><td style="padding:6px 8px; border:1px solid #ddd;"><strong>Thrombosis</strong></td><td style="padding:6px 8px; border:1px solid #ddd;">PCI/thrombolysis for MI, thrombolysis for PE</td></tr>
        </table>
    </div>
    
    <!-- References -->
    <div style="margin:25px 0; padding:10px; background:#f9f9f9; border-left:4px solid #666666; font-size:0.85rem;">
        <p style="margin:2px 0;"><strong>References:</strong></p>
        <p style="margin:2px 0;">[1] Resuscitation Council UK. Advanced Life Support - Special Circumstances [citation:1]</p>
        <p style="margin:2px 0;">[3] RCEMLearning. Cardiac Arrest in Hypothermia [citation:3]</p>
        <p style="margin:2px 0;">[5] Motol University Hospital Approach. Resuscitation 2018 [citation:5]</p>
        <p style="margin:2px 0;">[9] Oxford Medical Handbooks. Emergencies in Trauma, Special Circumstances [citation:9]</p>
        <p style="margin:2px 0;">[10] Caring For Care. Understanding Hs and Ts in Cardiac Arrest [citation:10]</p>
    </div>
    
    <!-- Back to Top -->
    <div style="margin:25px 0 15px; text-align:center;">
        <a href="#top" style="background:#EF6C00; color:white; padding:8px 20px; text-decoration:none; border-radius:5px; font-weight:bold; display:inline-block; border:1px solid #F9A825; font-size:clamp(0.9rem, 2.5vw, 1rem);">↑ Back to Top</a>
    </div>
    
    <!-- Footer -->
    <div style="margin-top:20px; padding:10px; text-align:center; border-top:2px solid #EF6C00; border-bottom:2px solid #2E7D32; font-weight:bold; color:#2E7D32; background:#fffde7; font-size:clamp(0.85rem, 2.3vw, 0.95rem);">
        PLAB Guide copyright
    </div>
    
    <!-- Bottom Accent Line -->
    <div style="height:5px; width:100%; background:linear-gradient(90deg, #2E7D32 0%, #2E7D32 25%, #F9A825 25%, #F9A825 50%, #EF6C00 50%, #EF6C00 75%, #2E7D32 75%, #2E7D32 100%); border-radius:0 0 4px 4px; margin-top:10px;"></div>
</div>

`

[skodak]

This works fine for me when using "Unsafe raw HTML" content type - please note it requires "mod/mubook:usexss" capability, which teachers do not have by default. Please note the "Trusted unsafe content" checkbox was not functioning properly, I am testing a fix right now, it will be available in the next release.

I suppose you are using normal HTML content type which uses TinyMCE editor and sanitises HTML - this is a standard Moodle feature, not a bug in this plugin. As a workaround, if you want to use HTML incompatible with TinyMCE then you might want to try switching to plain text editor in your user preferences.

[plabguide]

Hi there Thanks for your reply. Unfortunately it does not work even if I add code in raw html. I have uploaded a video to show you the issues that I am facing. Please watch the video attached for your reference. Here is the Youtube link to the video: https://youtu.be/LIMIijQFG2s I hope that this issue is sorted soon. Thanks for putting a lot of effort in creating Interactive Book plugin. Kind regards *Dr Rashad Raza* Admin Director *PLAB Guide Academy* *RCUK approved centre for ILS & EPALS* *Leading centre for PLAB & NCA* https://plabguide.co.uk

…

On Sat, 21 Mar 2026 at 10:11, Petr Skoda ***@***.***> wrote: *skodak* left a comment (mutms/moodle-mod_mubook#7) <#7 (comment)> This works fine for me when using "Unsafe raw HTML" content type - please note it requires "mod/mubook:usexss" capability, which teachers do not have by default. Please note the "Trusted unsafe content" checkbox was not functioning properly, I am testing a fix right now, it will be available in the next release. I suppose you are using normal HTML content type which uses TinyMCE editor and sanitises HTML - this is a standard Moodle feature, not a bug in this plugin. As a workaround, if you want to use HTML incompatible with TinyMCE then you might want to try switching to plain text editor in your user preferences. — Reply to this email directly, view it on GitHub <#7?email_source=notifications&email_token=BIWIRB6VL24VIF73G4M7UQD4RZTEDA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIMJQGI4TSNZSGIY2M4TFMFZW63VGMF2XI2DPOKSWK5TFNZ2KYZTPN52GK4S7MNWGSY3L#issuecomment-4102997221>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BIWIRB3TQX27NZCNZVJE34D4RZTEDAVCNFSM6AAAAACWZYZB6GVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DCMBSHE4TOMRSGE> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[skodak]

Hello,

In general Moodle does not support arbitrary styles on HTML elements in user content, there are many ways it can go wrong. When I tested your very long example before it appeared to work for me. If you face any problems you have to diagnose them yourself - first look at the HTML page source to see if markup was modified during rendering (If yes, then install the latest unreleased version and try enabling the "Trusted unsafe content"), then you have to open inspector in your browser and find out how the CSS styles are applied to your elements - remember that Moodle is using Bootstrap 5 that has some unique quirks. Also note that using Bootstrap classes in user submitted HTML is also discouraged because it might break in the future.

The new book rendering is intentionally different from the old book, by default it uses HTML Purifier to sanitise the HTML markup, it also uses different CSS and page layout - I am not surprised your HTML with custom CSS styles appears different compared to old book. The biggest difference is consistent cleaning, when doing your testing you could try pasting the HTML into a Forum post - it is more similar to new book than the old one.

Let me know if you find out what is causing your layout issues. I would also recommend to create small HTML sample that demonstrates the problem in a clear way. The video seems to be showing a different text from what was posted here before, I will not be trying to diagnose the problem again, sorry.

Thanks for the report again.