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
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.