Environment

The look of the editor can be customized by the environment property of the JSON.

{
	...
	"environment" : {          
		"theme"     : 2,         "lang"     : "es",    
		"vmode"     : 0,         "intro"    : true,
		"eparams"   : { "guides" :true, "grid" : true, "gsize": 8,   
		                                "paths": true, "pgrid": true },
		
		"localsave" : false,     "autosave" : 120,    
		"showtools" : [0,5,9],   "menus"    : [ [1,1,0,1], 1, 0, 1, [0] ],
		"showpanels": [0, [1]],
		
		"phrases"   : [ [1,0], "Open Design", [1,2], "Save Design" ],
		
		"topt"  : {  "t0": ...,  "t1": ...,  ... },
		"tmnu"  : {  "t0": ...,  "t1": ...,  ... },
		"icons" : {  "tools/crop": "https://www.me.com/img/crop.png",  ... },
		"plugins":[ ... ]
	}
}

Each parameter is optional. They have the following meaning:

  • theme - theme (0, 1, 2, ...)
  • lang - language
  • vmode - view mode. 0: regular, 1: panels are collapsed, 2: hide all panels
  • intro - when no documents are open, show introduction panel (with buttons etc.)
  • eparams - extras: enable or disable guides, grid, paths, pixel grid ...
  • localsave - enable / disable "Save as PSD", "Save for Web" and "Publish Online"
  • autosave - with a value X, Photopea will execute "File - Save" each X seconds
  • showtools - show only following tools (see tool IDs below)
  • menus - specify the structure of File, Edit, Image ... menus with 0/1 flags. Each element of an array is either 0: hide the item, 1: show the item with a standard content, or an array of flags for sub-items (works recursively). If your array is shorter than required, zeros will be added to the end. See the current menu structure of Photopea to find the right values. E.g. [1,1] as the first element means, that the "File" menu will be shown with "New" and "Open" items only.
  • showpanels - allows you to hide elements on the right side. There are two columns, which contain panel blocks, which contain one or more panels. Each element of an array is either 0: hide the column, 1: show the column with all standard items, or an array of indices of panel blocks, that should be displayed.
  • phrases - allows you to replace any phrase inside Photopea with your own. The aray has the form [ ID1, W1, ID2, W2, ... ], where IDx is the ID of some phrase and Wx is a new phrase, that should be used instead.
    Some useful IDs: [1,2]: Save (File menu), [2,0]: Step Forward, [2,1]: Step Backward. To discover IDs of other phrases, get familiar with OpenWord table structure and find your phrase in a current phrase database, or just write us an email to support@photopea.com.
  • topt - tool options. Lets you change the settings of each tool. Keys are "tXY", where XY is the tool ID. Each tool has its own format (see below).
  • tmnu - tool menu. Lets you specify the structure of the top menu for each tool. Keys are "tXY", where XY is the tool ID. Each tool has its own format (see below).
  • icons - custom icons. Each icon has an icon ID (key) and the image URL (value). You can find icon IDs here. E.g. the Crop Tool has an ID "tools/crop". The background of the introduction panel as an ID "intro".
  • plugins - described here

Tool options and menus

Move Tool

Options: [1,0,null]. Three values mean Auto-Select, Transformation controls and Distances. 1 means enabled, 0: disabled, null: not specified.

Menu: [1,1,1,1,1,1]. Six flags to show / hide six items: Auto-Select, Transformation controls, Distances, Quick Save (Get PNG...), Vertical Align, Horizontal Align.

Tool IDs

  • 0: Move Tool
  • 1: Rectangle Select
  • 2: Ellipse Select
  • 5: Lasso Select
  • 6: Polygonal Lasso Select
  • 7: Magnetic Lasso Select
  • 8: Quick Selection
  • 9: Magic Wand
  • 10: Crop Tool
  • 14: Eyedropper
  • 16: Ruler
  • 18: Spot Healing Brush Tool
  • 19: Healing Brush Tool
  • 20: Patch Tool
  • 23: Brush Tool
  • 24: Pencil Tool
  • 27: Clone Tool
  • 31: Eraser Tool
  • 34: Gradient Tool
  • 35: Paint Bucket Tool
  • 36: Blur Tool
  • 37: Sharpen Tool
  • 38: Smudge Tool
  • 39: Dodge Tool
  • 40: Burn Tool
  • 41: Sponge Tool
  • 47: Type Tool
  • 42: Pen
  • 43: Free Pen
  • 51: Path Select
  • 52: Direct Select
  • 54: Rectangle
  • 55: Ellipse
  • 57: Line
  • 56: Parametric Shape
  • 58: Custom Shape
  • 59: Hand Tool
  • 61: Zoom Tool