You need to be logged in to post in the forum - Log In
An active JCE Pro Subscription is required to post in the forum - Buy a Subscription
- Support
- Forum
- JCE Editor
- Deleted collapseOne
Support is currently Online
Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)
From 09:00 To 17:00 Europe/London (BST)
Recently I have encountered this problem with JCE PRO 2.7.17: I made an accordion based on Bootstrap 4, and the following is the code I wrote with JCE in "code mode" (and it works perfectly):
<div id="accordion" class="accordion">
<div class="card mb-0">
<div class="card-header" data-toggle="collapse" href="#collapseOne"><a class="card-title"> TITLE </a></div>
<div id="collapseOne" class="card-body collapse show" data-parent="#accordion">
<div> CONTENT HERE </div>
</div>
etc
If I switch the editor in visual mode and then I return to code mode, I find that href="# collapseOne" has been deleted, thus preventing the correct functioning of the accordion itself.
This is the code after switching to visual mode:
<div id="accordion" class="accordion">
<div class="card mb-0">
<div class="card-header" data-toggle="collapse"><a class="card-title"> TITLE </a></div>
<div id="collapseOne" class="card-body collapse show" data-parent="#accordion">
<div> CONTENT HERE </div>
</div>
etc
What can I do to solve this problem?
Thanks in advance for any possible help.
<div id="accordion" class="accordion">
<div class="card mb-0">
<div class="card-header" data-toggle="collapse" href="#collapseOne"><a class="card-title"> TITLE </a></div>
<div id="collapseOne" class="card-body collapse show" data-parent="#accordion">
<div> CONTENT HERE </div>
</div>
etc
If I switch the editor in visual mode and then I return to code mode, I find that href="# collapseOne" has been deleted, thus preventing the correct functioning of the accordion itself.
This is the code after switching to visual mode:
<div id="accordion" class="accordion">
<div class="card mb-0">
<div class="card-header" data-toggle="collapse"><a class="card-title"> TITLE </a></div>
<div id="collapseOne" class="card-body collapse show" data-parent="#accordion">
<div> CONTENT HERE </div>
</div>
etc
What can I do to solve this problem?
Thanks in advance for any possible help.
href="# collapseOne" is not a valid attribute for the <div> element.
Perhaps the code should be, with the href and data-collapse attributes added to the <a> tag, which seems to be how it is on the Bootstrap site - https://getbootstrap.com/docs/4.3/components/collapse/
Perhaps the code should be, with the href and data-collapse attributes added to the <a> tag, which seems to be how it is on the Bootstrap site - https://getbootstrap.com/docs/4.3/components/collapse/
<div id="accordion" class="accordion">
<div class="card mb-0">
<div class="card-header"><a class="card-title" href="#collapseOne" data-toggle="collapse"> TITLE </a></div>
<div id="collapseOne" class="card-body collapse show" data-parent="#accordion">
<div> CONTENT HERE </div>
</div>
Just because you're not paranoid doesn't mean everybody isn't out to get you.
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!