In-Browser Editing makes it easy to update your site’s content from a web browser. Whether you need to make a change to your website on the go, or you want to allow clients and other site contributors the ability to easily edit their content, In-Browser Editing can make the process go smoothly.
What can I edit using In-Browser Editing?
In-Browser Editing allows you to edit text content and replace all images, except the following items:
- Master page content
- Vertically oriented text
- Images set as background fills in rectangles, image frames, and widgets
- Slideshow counters
- Form submit buttons
- Dynamically generated menu labels (in Menu widgets not set to Manual)
- Rasterized page items: This includes images with rounded corners, beveled edges, inner glow, or rotation applied, text frames using system fonts, and rotated text frames with effects applied.
Although text content is editable, the formatting of that text cannot be changed. Images can only be replaced, not added or removed.
Enable In-Browser editing in Adobe Muse
Before you begin, ensure that your site has In-Browser Editing enabled in the Site Properties window.
Upload your site to an FTP Host.
Use the built-in Upload to FTP Host feature in Adobe Muse by choosing File > Upload to FTP Host. For instructions, see Uploading to FTP Host.
Sign in to In-Browser Editing
The following section lists the steps that you can follow to update an Adobe Muse site using In-Browser Editing.
Read on to know how you can edit the content of an Adobe Muse website using In-Browser Editing.
Visit https://inbrowserediting.adobe.com and enter the domain name (URL) of the site that you want to edit.
It is recommended that you access the In-Browser Editing site via HTTPS protocol only (and not HTTP). This ensures that you provide credentials, log in, and use In-Browser Editing to modify your websites through a secured connection.
Edit text content and images using In-Browser Editing
You can directly edit text on the browser using In-Browser Editing. You can also edit images, images within text, and hyperinks in addition to text.
Read on to know how to quickly edit the content of an Adobe Muse website.
You can easily edit text right on the browser using In-Browser Editing. After you log in to In-Browser Editing, simply select the text that you want to delete, and start typing your new text.
When you're done, you can immediately see how your changes appear on the same browser. If your site is responsive, preview the changes at all the breakpoints. If your site was created using alternate layouts, preview the change for each of the devices.
When you replace an image, the new image that you select will be sized to fit the area that the previous image took up. If the new image has a different aspect ratio than the original image, it will not fill the entire area of the previous image. This may affect the visual layout of your page. For this reason, it is recommended that you only replace an existing image with another image of the same dimensions or a larger image with the same width and height ratio.
If your site resolution is set to HiDPI, and the replacement image holds enough data to be 2x, then In-Browser Editing will save both 1x and 2x versions of the image to display on HiDPI screens. To learn more about creating assets for HiDPI visit Creating HiDPI Websites in Muse.
Insert and edit hyperlinks in your Adobe Muse site
You can edit several kinds of hyperlinks on a web page, including external links, mail-tos, links to other pages of the website, downloadable files, and more. Read on to know more about editing hyperlinks using In-Browser Editing.
You can add or insert hyperlinks using the Add Link button in In-Browser Editing. Follow this procedure to insert as well as update links for your Adobe Muse site.
On the Insert Link dialog, choose to add any of the following types of targets to the link:
Optionally, you can choose to enter a Tooltip for each of the target types, as well as, allow users to open the link in a new window.Insert Link dialog box in In-Browser Editing
- Pages: Select the Pages tab, and from the Select a Page drop-down list, select the page you want to link to.
- External: Select the External tab, and provide a functional URL in the External Link field.
- Phone Number: Select the Phone Number tab, and enter the Phone Number.
- Files: Select the Files tab, and choose an existing file or browse to the file that you want to upload.
- E-mail Address: Select the E-mail Address tab, and enter the target Email Address.
It is a common web design practice to link to downloadable files, such as PDFs, Installers, Videos, Audio files, and more.
You can use In-Browser Editing to set a file as a target for a hyperlink that can be in the form of text, shape, or image on your Adobe Muse site. Ensure that the maximum file size does not exceed 50MB.
You can upload files using In-Browser Editing. When you upload a file, it is necessary that the filename is unique. If you upload a file that has the same name as an existing file, you will be prompted to rename the file.
Undo or redo your changes
Everytime you make an update to your content, images, or links, you can immediately undo or redo the changes.
- To undo your change, click .
- To redo your change, click
If youre sure of all your changes, go ahead and preview your changes at other breakpoints or device views.
Preview and publish your changes
As you work on your edits using In-Browser Editing, you can preview your changes on the browser. It is important for you to preview your changes before you Publish your changes.
If your site was created using responsive layout, you can preview your changes using the drop-down list for breakpoints.
You can select each breakpoint and preview your changes at that breakpoint. This is how your updated layout will appear at the corresponding browser widths.
On the other hand, if the site was created using alternate layouts, you can preview your changes using the device drop-down list. From the drop-down list, select the device for which you want to preview your changes.
After you are sure of all your changes, go ahead and click Publish on the top navigation bar to commit the changes, and view them on your live site. If you are not satisfied with the changes you’ve made, you can always discard the changes. This will reset your site’s content to what it was the last time you published.
Syncing in-browser edits
After changes are made to the live site using In-Browser Editing, your local .muse file no longer contains the same content as the live site.
Follow these steps to sync your In-Browser Editing changes with your Muse File.