I am running a basic thirty bees install with Niara as theme,
Niara is based on Bootstrap and comes with the vendor collapse and transition javascript plugins, so the accordion example found here should work fine.
I go ahead and edit the CMS page I want to edit, paste this code in
<divclass="panel-group"id="accordion"role="tablist"aria-multiselectable="true"><divclass="panel panel-default"><divclass="panel-heading"role="tab"id="headingOne"><h4class="panel-title"><arole="button"data-toggle="collapse"data-parent="#accordion"href="#collapseOne"aria-expanded="true"aria-controls="collapseOne">
Collapsible Group Item #1
</a></h4></div><divid="collapseOne"class="panel-collapse collapse in"role="tabpanel"aria-labelledby="headingOne"><divclass="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div></div></div><divclass="panel panel-default"><divclass="panel-heading"role="tab"id="headingTwo"><h4class="panel-title"><aclass="collapsed"role="button"data-toggle="collapse"data-parent="#accordion"href="#collapseTwo"aria-expanded="false"aria-controls="collapseTwo">
Collapsible Group Item #2
</a></h4></div><divid="collapseTwo"class="panel-collapse collapse"role="tabpanel"aria-labelledby="headingTwo"><divclass="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div></div></div><divclass="panel panel-default"><divclass="panel-heading"role="tab"id="headingThree"><h4class="panel-title"><aclass="collapsed"role="button"data-toggle="collapse"data-parent="#accordion"href="#collapseThree"aria-expanded="false"aria-controls="collapseThree">
Collapsible Group Item #3
</a></h4></div><divid="collapseThree"class="panel-collapse collapse"role="tabpanel"aria-labelledby="headingThree"><divclass="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div></div></div></div>
And as soon as I save the changes, the code that is actually saved is this:
<divclass="panel-group"id="accordion"><divclass="panel panel-default"><divclass="panel-heading"id="headingOne"><h4class="panel-title"><ahref="#collapseOne"> Collapsible Group Item #1 </a></h4></div><divid="collapseOne"class="panel-collapse collapse in"><divclass="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div></div></div><divclass="panel panel-default"><divclass="panel-heading"id="headingTwo"><h4class="panel-title"><aclass="collapsed"href="#collapseTwo"> Collapsible Group Item #2 </a></h4></div><divid="collapseTwo"class="panel-collapse collapse"><divclass="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div></div></div><divclass="panel panel-default"><divclass="panel-heading"id="headingThree"><h4class="panel-title"><aclass="collapsed"href="#collapseThree"> Collapsible Group Item #3 </a></h4></div><divid="collapseThree"class="panel-collapse collapse"><divclass="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div></div></div></div>
A lot of attributes are stripped from the html tags which makes the accordion not work at all.
How do I work around this issue?
EDIT:
Disabling the Use HTMLPurifier Library option solves the issue.
What exactly is the purpose of HTMLPurifier? What kind of security vulnerability is it supposed to protect against?
Edited by Jeffrey de Bruijn Edited title because I believe I have found the solution (to the original issue) on my own.
Question
Jeffrey de Bruijn
Hello,
I am running a basic thirty bees install with Niara as theme,
Niara is based on Bootstrap and comes with the vendor collapse and transition javascript plugins, so the accordion example found here should work fine.
I go ahead and edit the CMS page I want to edit, paste this code in
And as soon as I save the changes, the code that is actually saved is this:
A lot of attributes are stripped from the html tags which makes the accordion not work at all.
How do I work around this issue?
EDIT:
Disabling the Use HTMLPurifier Library option solves the issue.
What exactly is the purpose of HTMLPurifier? What kind of security vulnerability is it supposed to protect against?
Edited by Jeffrey de BruijnEdited title because I believe I have found the solution (to the original issue) on my own.
Link to comment
Share on other sites
8 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now