Create custom Manuals uxing Tuxcards and Base64

3 months ago 6

In this post i will explain how one leverages python to make base64 the tuxcards xml files, to be able to share them. This way you can share them without having to give many photos folder or paths at all, and be able to distribute them, in some cases even encrypt them.

(Example of an Manual that regards GPT technolgoy)

To begin make your tuxcards manual using the Add Image in Extras, and make it. Then we will leverage a python code to go in the entire file to convert the images in base64

Python code:

def convert_image_to_base64(image_path):

with open(image_path, "rb") as image_file:

return base64.b64encode(image_file.read()).decode('utf-8')

# Function to update the HTML content with Base64 encoded images

def update_img_src_with_base64(html_content):

# Find all <img> tags with their src attribute

img_tags = re.findall(r'<img\s+[^>]*src=["\']([^"\']+)["\']', html_content)

for img_path in img_tags:

# Ensure the file exists before converting

if os.path.exists(img_path):

base64_image = convert_image_to_base64(img_path)

extension = img_path.split('.')[-1]

mime_type = f"image/{extension}" if extension in ['jpeg', 'jpg', 'png', 'gif'] else "image/png"

base64_data_url = f"data:{mime_type};base64,{base64_image}"

html_content = html_content.replace(img_path, base64_data_url)

return html_content

# Function to process each HTML file and convert the entire content to Base64

def process_html_files(file_paths, output_folder):

# Create the output folder if it doesn't exist

if not os.path.exists(output_folder):

os.makedirs(output_folder)

for file_path in file_paths:

# Read HTML file content

with open(file_path, 'r', encoding='utf-8') as file:

html_content = file.read()

# Update image sources with Base64 encoded images

updated_html = update_img_src_with_base64(html_content)

# Save the updated HTML file to the output folder

output_file_path = os.path.join(output_folder, f"{os.path.basename(file_path).split('.')[0]}_base64.html")

with open(output_file_path, 'w', encoding='utf-8') as output_file:

output_file.write(updated_html)

print(f"Processed {file_path} and saved as {output_file_path}")

Then we save the base64 xml file which has every file, and can be distributed and display images, without having to reference path or multiple folders of images.