Sitecake removes button classes from <a>?


#1

You can see this on the live demo:
http://sitecake.com/demo

the buttons are removed because
a class=“btn btn-secondary” href="#" role=“button”>View details »

is changed to
a href="#" role=“button”>View details »

after opened in sitecake

Is there a way to prevent this? thank you
(sorry, i couldn’t get preformatted text to work so I removed leading and trailing carrots


Sitecake class sc-content is messing up styles in my template
How to convert a Bootstrap template to Sitecake
#2

I’ve been messing with this all day, here’s some more details:

Using bootstrap 3 on my own site and using the live demo sitecake site, I have the following inside of a bootstrap container:

<div class="sc-content">
  <p>edit me</p>
  <p class="myclass1"><a class="myclass2" href="something.html"> text </a></p
</div>

which sitecake.php sees as

<div class="sc-content sc-content-_cnt_11163969031964445442">
  <p>edit me</p>
  <p class="myclass1"><a class="myclass2" href="sitecake.php?page=something.html"> text </a></p>
</div>

but when published becomes

        <div class="sc-content">
<p>edit me</p>
<p><a href="sitecake.php?page=something.html"> text </a></p>
</div>

Two things interesting there:

  1. The classes of the p and a tags are removed
  2. Indentation is removed (maybe a hint as to what’s going on?)

I’ve come up with this workaround that works for a the columns in the live demo:

    <div class="col-md-4">
      <div class="col-md-12 sc-content">
        <h2>Heading</h2>
        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
      </div>
      <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p>
   </div>

Good: this allows you to edit the text without messing up the buttons.
Bad: this adds extra margins which you’ll have to cancel out with another class or manually with a style. What it is doing is placing another column inside the existing column, and making the new column 12 (i.e., 100%) wide.

Ideally, it woudl be best if If there was some way for sitecake to preserve classes while still enabling editing of of the text of the element – especially for bootstrap where this will be very common. For my needs, I can use this workaround for now.

And thank you, this is an AMAZING project!