• Hi,

    I’m hoping someone can assist me. I really like the plugin, but I’m encountering an issue. When I switch to the WYSIWYG editor and toggle between the HTML view and the visual view, the <br> tags get removed, causing layout problems as a result.

    You can see what I mean in the attached video.

    Kind regards,

    Saskia Hermans

    • This topic was modified 1 month, 3 weeks ago by saskiaherm.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author wpshopmart

    (@wpshopmart)

    Can you please share me your sample text so i will check it on my server with accordion.

    Thanks

    Thread Starter saskiaherm

    (@saskiaherm)

    I have removed the first < otherwise you won't get the html-code. However, it happens to all HTML. Ass soon as i look at the Visual display, code has been changed,
    
    Thanks that you want to help me.
    
    
    div class="wp-block-pms-content-restriction-start">[pms-restrict]</div>
    <p style="text-align: left;">De <span style="color: #911938;"><strong>regel van 7</strong></span> gebruik je wanneer je leider bent in een SA-contract en de tegenstander uitkomt met een kleur waarin je slechts de aas als dekking hebt. De <span style="color: #911938;"><strong>regel van 7</strong></span> bepaalt hoe vaak je de aas moet ophouden:</p>
    
    <ul>
     	<li>Tel het aantal kaarten van de uitkomstkleur in de dummy op bij het aantal kaarten van de uitkomstkleur in je hand</li>
     	<li>Trek dit aantal af van 7 (deze 7 is een vast gegeven)</li>
     	<li>Het resultaat is het aantal keren dat je de aas moet ophouden.</li>
    </ul>
    <p style="text-align: left;">Het ophouden van een aas heeft als doel om de communicatie tussen de beide tegenstanders te verbreken.</p>
    <p style="text-align: left;">Bekijk het onderstaande spel. Je bent zuid en leider in 3SA.</p>
    
    <div class="wp-block-columns">
    <div class="wp-block-column" style="flex-basis: 15%;">
    
    <table style="border-style: solid; border-color: #911938; background-color: #ece5d9;" border="1">
    <tbody>
    <tr>
    <td style="border-style: none;"> </td>
    <td style="border-style: none;">♠ 8 6<br /><span style="color: #ff0000;">♥</span> H 9 4<br /><span style="color: #ff0000;">♦</span> H V B 6 2<br />♣ A H 6</td>
    </tr>
    <tr>
    <td style="border-style: none;">♠ 3</td>
    <td style="border-style: none;"> </td>
    </tr>
    <tr>
    <td style="border-style: none;"> </td>
    <td style="border-style: none;">♠ A 5 4<br /><span style="color: #ff0000;">♥</span> A 8 7<br /><span style="color: #ff0000;">♦</span> 10 9 7<br />♣ V B 7 2</td>
    </tr>
    </tbody>
    </table>
    </div>
    <div class="wp-block-column">
    <p style="text-align: left;">Je telt zeven vaste slagen: ♠A, <span style="color: #ff0000;">♥</span>A H en ♣A H V B en kunt vrij eenvoudig vier slagen in ruiten ontwikkelen, wat het totaal aantal slagen op tien brengt. Het lijkt erop dat 3SA binnen handbereik is. Maar is dat echt zo?</p>
    <p style="text-align: left;">De tegenpartij heeft acht schoppen en als deze 4-4 verdeeld zijn, dan verlies je drie schoppenslagen plus <span style="color: #ff0000;">♦</span>A; je maakt je contract dan precies. </p>
    <p style="text-align: left;">Maar wat als west met een vijfkaart schoppen gestart is? De kans dat schoppen 5-3 zitten is groter dan dat deze 4-4 zitten. Dan verlies je vier schoppenslagen plus <span style="color: #ff0000;">♦</span>A en ga je één down, terwijl je dacht tien slagen te kunnen maken.</p>
    <p style="text-align: left;">Pas de <span style="color: #911938;"><strong>regel van 7</strong></span> toe: jij en je partner hebben samen vijf schoppen. Trek dit af van zeven: 7 - 5 = 2 en houd ♠A daarom tweemaal op. Als west inderdaad gestart is met vijf schoppen, heeft oost er drie. Door ♠A tweemaal op te houden, raakt oost al zijn schoppen kwijt. Na de derde schoppenslag ontwikkel je ruiten en heb je 50% kans dat oost <span style="color: #ff0000;">♦</span>A heeft. Als hij dan aan slag komt, kan hij zijn partner niet meer bereiken: oost heeft geen schoppen meer en jij hebt de overige kleuren onder controle.</p>
    <p style="text-align: left;">Als west <span style="color: #ff0000;">♦</span>A heeft plus vijf schoppen, dan is er geen enkele manier om het contract te maken.</p>
    <p style="text-align: left;">Deze regel geldt vooral als je vermoedt dat west van een vijfkaart (of langer) gestart is. Dit kan zijn doordat west schoppen geboden heeft of omdat je er acht mist en acht schoppen vaker 5-3 verdeeld zijn dan 4-4.</p>
    <p style="text-align: left;">Als jij en je partner in een dergelijke situatie zes schoppen hebben, dan hoef je de schoppen maar eenmaal op te houden (7 - 6 = 1): de tegenstanders hebben dan zeven schoppen samen en als west er vijf heeft, heeft oost er slechts twee. Eenmaal ophouden en de tweede schoppenslag nemen is dan voldoende om oost van zijn schoppen te ontdoen en de communicatie tussen oost en west te verbreken.</p>
    </div>
    </div>
    <div class="wp-block-pms-content-restriction-end">[/pms-restrict]</div>
    • This reply was modified 1 month, 3 weeks ago by saskiaherm.

    This is a problem for me too. No matter what I do paragraph breaks get removed leaving just 1 big block of text 🙁

    Think I might have a solution. Try adding
    .wpsm_panel-body {white-space: preserve-breaks;}

    to your theme css or maybe even the custom css bit of the plugin. Worked for me 🙂

    Thread Starter saskiaherm

    (@saskiaherm)

    Thanks for your answer. But doing so, it is changing the layout of other pages and accordions which is not my intention.

    I would appreciate it if the HTML I input isn’t altered by switching to Visual once. Otherwise, what’s the point of inputting HTML?

    Thread Starter saskiaherm

    (@saskiaherm)

    @wpshopmart : are there any updates on this issue?

    Plugin Author wpshopmart

    (@wpshopmart)

    Hi,
    Sorry for the delay!

    You can use <p></p> instead of <br> 
    Thread Starter saskiaherm

    (@saskiaherm)

    No I can’t as that is giving me a different layout.

    What is the point of HTML-mode when you are changing the HTML???
    Why are you changing the HTML in the first place??

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.