1. How to Edit Page Description

Step 1: Enter the URL

In the editor, locate the input box labeled "Enter URL"

Step 2: Click on "Fetch from URL"

This will retrieve the page's HTML content

• If the page loads successfully, the HTML content will be displayed in the main editor area
• If there is an error, ensure that the URL is correct and retry

Step 3: Modify Elements

• Click on any element within the editor
• The selected element will be highlighted
• Use the sidebar to modify attributes, text, or styles of the selected element

Step 4: Export the HTML

• Once editing is complete, click on "Export HTML" to download the modified content

2. How to Change Font Color

Step 1: Select the Text Element

Click on the text element you want to modify

• The element will be highlighted, and its properties will appear in the sidebar

Step 2: Locate the style Attribute

If the style attribute already exists, add or modify the color property

Step 3: Add the style Attribute if Absent

• Click on "Add Attribute" in the sidebar
• Enter 'style' as the attribute name
• Enter 'color: red;' as its value

Step 4: Use !important if Necessary

To override existing styles, use !important

3. How to Add Additional Attributes

Step 1: Select an Element

Click on the element you want to add attributes to

Step 2: Click on "Add Attribute"

• In the sidebar, click the "Add Attribute" button
• A prompt will appear to enter the attribute name

Step 3: Enter the Attribute Name and Value

Enter the desired attribute name and value

Step 4: Verify the Changes

Ensure the attribute is added successfully by reviewing:

• The sidebar properties panel
• The HTML content view

4. How to Add Styles

Step 1: Select the Target Element

Click on the element you wish to style

Step 2: Check for Existing style Attribute

If the style attribute exists, edit it directly in the sidebar

Step 3: Add style Attribute if Absent

• Use the "Add Attribute" button to create a new style attribute
• Add your CSS rules in the value field

Step 4: Apply !important for Priority

If a style does not apply, append !important to the rule

5. How to Edit Images

Step 1: Select the Image Element

Click on the image you want to edit

• The selected image will be highlighted
• Image properties will appear in the sidebar

Step 2: Change the Source URL

• Locate the src attribute in the sidebar
• Replace the existing URL with the new image URL

Step 3: Adjust Image Attributes

Modify common image attributes as needed:

• alt - Alternative text description
• width - Image width
• height - Image height

Step 4: Apply Styles

Use the style attribute to add CSS rules:

6. How to Change Background Color

Step 1: Select the Target Element

Click on the element whose background color you want to change

Step 2: Locate or Add the style Attribute

Edit the style attribute directly to add background-color

Step 3: Add !important if Needed