FPDF Script Editor and Creator - Demo
Help Buy
Output Box
Quick help
This is a demo of FDPF designer. The demo will output only the first 5 elements and does not output Multicell, Rect, Image

Note: For help how to use the editor, please click on the green help button or here

How to use the editor

Info: Due to the PDF paper size this should be opened with a desktop PC. This editor is not suitable for cell phones or tablets.

The handling is very easy. Simply click on the desired FPDF element in the menu to add it.
Then drag and drop to the desired position and right-click on the element to open the context menu with the setting options.

1. Step: Click in the menu on the desired element which you want to insert

2. Step: After the element is added to the editor you can move it by drag and drop. Just move it to the position where you want to place it.

3. Step: Right-click (will open the context menu) on the element to change the current settings.

With the context menu you get all responding settings for the selected element. More information can be found on http://www.fpdf.org

Change value: To change a the value on an element (Cell, Multicell, Link, Text, Write, Image) right-click and select 'Change value', enter the new value and click 'Set'.
Delete Element: You can delete an element on 2 ways:
  • Right-click on the element and then click "Delete" in the context menu
  • Drag and drop the element out of the editor
Change colors: There are 3 invisible elements:
  • SetDrawColor: defines the color used for all drawing operations (lines, rectangles and cell borders)
  • SetTextColor: defines the color used for text.
  • SetFillColor: defines the color used for all filling operations (filled rectangles, multicell and cell backgrounds).
Change width: To change the width (except invisble elements) of an element right-click and select 'Change width', enter the new value and click 'Set'.
Change height: To change the height (except invisble elements) of an element right-click and select 'Change height', enter the new value and click 'Set'.

Example: You want to create a rectangle with a size of 100x100 mm and filled out. Click on the menu button 'Rect'. After click you will see the Rect on the editor. Move it to the position where you want to place it. Right-click above the rect element(context menu will open) click on 'Change height', enter 100 and click 'Set'. Do the same with width. And Voila, Rect done. To fill it out, right-click, goto to 'Style' and select 'Fill' or 'Draw and fill'. Draw means it will draw a border.

FPDF WYSIWYG Script Generator

This editor is not suitable for cell phones or tablets. Please open this editor with a desktop PC.