Skip to content

The Layout Editor is used to construct modular site content in a flexible WYSIWYG editor based on Umbraco Macros.

License

Notifications You must be signed in to change notification settings

JMMJsoftware/LayoutEditor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Umbraco Layout Editor

NuGet release Our Umbraco project page

The Layout Editor is used to construct modular site content in a flexible WYSIWYG editor based on Umbraco Macros.

Getting Started

This package is supported on Umbraco 7.4+.

Installation

The Layout Editor package is available from NuGet, Our Umbraco, or directly from GitHub repository.

Our Umbraco

A downloadable Umbraco package is available on the Our Umbraco. You can install it by Umbraco backoffice.

NuGet package

To install from NuGet, run the following command in your Visual Studio package manager console.

PM> Install-Package JMMJ.LayoutEditor

Usage

After installing the package you need to create a new Data Type based on LayoutEditor via the Umbraco backoffice.

Data Type

In the next step add LayoutEditor Data Type as a property in your Document Type.

Document Type

Then add yours Macros to Layout Editor.

Macro Dialog

Important

To render layout in the backoffice properly (same as in the front-end), add your stylesheet link to the "_/Partials/LayoutEditor/Component.cshtml" partial.

In the end plug Layout Editor property in a template by adding @using JMMJ.LayoutEditor.Helpers and insert the code below:

@Html.LayoutEditor(Model.Content, "propertyAlias")

Result:

Property Editor

License

Copyright © 2018 JMMJ, and other contributors

Licensed under the MIT License.

About

The Layout Editor is used to construct modular site content in a flexible WYSIWYG editor based on Umbraco Macros.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published