Frank's Article Builder

Insert Images

Image Requirements

Images must be less than 5 MegaBytes in size.
Images must have one of the following file types: .jpeg, .jpg, .png, .webp, .gif, .bmp, or .svg.
For inputs that accept multiple images, the maximum number of images you can upload at once is 30.

Uploading Images

Upload an image.
Edit the image. Make sure that you save the edits on the image by clicking the checkmark button before submitting the form.
- For each image, you have the opportunity to add a title and a description of the image. The title and description will be shown when the user clicks on the image. The title will be used as the alt attribute for the image as well.
If you want to add additional images, it is best to submit the form and relaunch this dialog.

Upload Single Image:

Insert Audio

Audio Upload Requirements

Each audio upload must be less than 300 MegaBytes in size.
Audio uploads must have one of the following file types: .m4a, .flac, .mp3, .mp4, .wav, .wma, .aac, .webm, or .mpeg.
For inputs that accept multiple audio files, the maximum number of audio files you can upload at once is 10.
Each audio upload must have an associated title.

Uploading Audio Recordings

Upload an audio recording.
Add a title for the audio recording.
SUBMIT the form.
If you want to add additional audio recordings, it is best to submit the form and relaunch this dialog.

Upload Audio File:

Insert Video

Video Upload Requirements

Each video upload must be less than 300 MegaBytes in size.
Video uploads must have one of the following file types: .mp4, .mov, .avi, .wmv, .avchd, .webm, or .flv.
For inputs that accept multiple video files, the maximum number of video files you can upload at once is 10.
Each uploaded video must have an associated title.

Uploading Videos

Upload a video recording.
Add a title and optionally add a description for the video.
SUBMIT the form.
If you want to add additional videos, it is best to submit the form and relaunch this dialog.

Upload Video:

About Embedding News Content

Navigate to the News Article you want to embed.
Copy the url of the article and paste into the input below.
- For a news article to be properly embedded, it must have valid <meta> tags as seen below.
- The image url must be able to be accessed from any source.

<meta property="og:type" content="article" />
<meta property="og:type" content="any string" />
<meta property="og:image" content="valid image url" />
<meta property="og:description" content="any string" />

Inserting Custom HTML:

Basics:

Double click inside the custom HTML to edit the html.
Learn about the basics of HTML using the mdn web docs on HTML.

Inserting Code Expressions:

 <dialog> below. You can generate inline code or block code, like seen below:

#include <stdio.h>

void bubble_sort(int arr[], int n) {
    int i, j;
    for (i = 0; i < n-1; i++) {
        for (j = 0; j < n-i-1; j++) {
            if (arr[j] > arr[j+1]) {
                int temp = arr[j];
                arr[j] = arr[j+1];
                arr[j+1] = temp;
            }
        }
    }
}

Inserting $\Large{LaTeX}$ Expressions:

You can insert inline:

a^2+b^2=c^2

or block math expressions (see below) by using the Math Markup dialog below the code editor.

e^{i\pi}+1=0

SVG Icon Search

You can search for svg icons () by clicking the SVG Search button below.

AI Code Generation

To be Completed

The Sanitization of HTML

Go over the sanitization of HTML process: