Add code buttons to btngroup

Expand button added to btn group with copy button.
Placed btn top right of box.
This commit is contained in:
Jake
2021-09-13 13:52:42 -07:00
committed by mDuo13
parent ab4fa73ff1
commit 312ac60a5c
3 changed files with 45 additions and 13 deletions

View File

@@ -18,7 +18,7 @@ def filter_soup(soup, **kwargs):
1. Finds all elements with class of "codehilite"
2. Adds copy to clipboard button.
Button looks like >
<button class="clipboard-btn" data-clipboard-target="#codeblock-0" id="codeblock-0button">Copy to clipboard</button>
<button class="btn btn-outline-secondary clipboard-btn" data-clipboard-target="#codeblock-0" id="codeblock-0button">Copy to clipboard</button>
3. Adds id to <code> element.
"""
@@ -29,15 +29,22 @@ def filter_soup(soup, **kwargs):
codeBlock = code_block.find("code")
codeBlock_id = "codeblock-%d" % index1
codeBlock["id"] = codeBlock_id
# Add button group
btn_group = soup.new_tag('div')
btn_group['class'] = "btn-group"
btn_group['role'] = "group"
btn_group['aria-label'] = "Code Buttons"
code_block.insert(0, btn_group)
# Add copy button
new_tag = soup.new_tag('button', id=codeBlock_id+'button')
icon = soup.new_tag('i')
icon['class'] = "fa fa-clipboard"
new_tag['class'] = "clipboard-btn"
new_tag['class'] = "btn btn-outline-secondary clipboard-btn"
new_tag['alt'] = "Copy to clipboard"
new_tag['data-clipboard-target'] = "#"+codeBlock_id
new_tag.insert(0, icon)
code_block.insert(0, new_tag)
btn_group.insert(0, new_tag)
#
index1 += 1