Content and image editing

Edit screen text and style directly

• Static text, alt, title, and input instructions can be converted to the original Cake20 View by selecting elements. Find and modify it in the AST location.
• Font type, size, thickness, slope, decoration, alignment and static font color are saved as Tailwind class.
• Check the file hash and original location again right before saving to prevent other users or AI from Changes will not be arbitrarily overwritten.
• Variables, expressions, API/DB contents, and dynamic classes are not stored directly on the screen. Connect with AI Chat requests with context.
• Direct editing undoes up to the most recent 100 files and prevents conflicts if the files have changed. Notifies you and forces you to select it again in Preview.

Replacing and editing source images

For statically linked public images, select a new file within element editing and You can replace it while seeing the actual application results. Cake20 View's src path and image Treats file saving as a single operation.

If you open a raster image in public or app/assets in File Explorer, You can open the same editor directly by clicking the center image.

• JPEG, PNG and WebP offer free cropping, 1:1, 4:3 and 16:9 ratios.
• In addition to selecting image files, you can also select clipboard images with Cmd+V or Ctrl+V. Paste and return to the original with Cmd+Z or Ctrl+Z before saving.
• Move the crop area or drag its four corners, rotate it 90 degrees and pan it left or right. Apply inversion.
• The horizontal and vertical sizes are specified up to 4096px with ratio locking.
• Check black and white, blur, brightness, contrast and saturation effects with Canvas results.
• Adjust JPEG·WebP quality to 20~100% and check expected file size and output before saving. Displays resolution.
• Changing the PNG quality creates a new JPEG with the hash while preserving the original PNG. Automatically changes the Cake20 View image path.
• PNGs opened directly from File Explorer must be formatted as PNG to avoid changing the reference path. It maintains and does not provide any quality conversion.
• GIF, AVIF, BMP and ICO are replaced with files of the same format without editing the original.

Images that are not directly edited

• External URLs, storage user files, and dynamic images returned by the API are It cannot be safely identified, so it is not directly overwritten.
• SVG can be edited in the center code/image conversion and used as a raster image editor. Does not apply.
• Images that cannot be edited directly include the current page, selector, and image path. Pass it to AI Chat, including the Cake20 View source location.
• After saving, the Preview is updated only when both the actual file and Cake20 View source have changed.