About inline editing

Inline text editing in Pinegrow is based on browser's content editing features that can be unpredictable in certain situations. For example, line break (<br>) is inserted when the content of a <span> is deleted.

Here are a couple of tips on how to effeciently work with inline text editing:

Selected element is required

You have to select one or more elements on the page to use this feature.

Require selected element

Explain repeater

Include docs item

Open the Element properties panel.

Open the Element code panel.

Open the Library panel.

Open the Library and the Tree panels.

Open the Page code panel.

Open the Tree panel.

Open the Style panel.

Open the History panel.

Open the Project panel.

Open the Actions panel.

Open the WordPress panel.

Open the Style / Active panel.

CLICK on text_edit_ICON in the toolbar or DOUBLE_CLICK on any text on the page to activate the text editing mode.

Do something cool

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit

Shortcut Use CMD+L_KEY to open the Add classes tool. Or RIGHT_CLICK on the element and select Add classes from the menu.

NoteThis feature will not only add the class to the element but will also create a coresponding CSS rule for the class.

NoteYou can use RIGHT_CLICK to display the context menu even if the element is not selected.

figcaption