Visual Content Layout is a Drupal 8 Module developed to manage text filters HTML content layout and visual elements like iconography, accordions, tabs, non table columns, images, list, CTA’s, etc.
The HTML output of this module is based on Bootstrap components and grid system.
For iconography the module uses FontAwesome icons.
Drupal 8.x
1- Install as any other Drupal 8 Module. 2- Go to /admin/config/content/formats and add a new text format. We recommend you name it VCL. Then check the "Visual Content Layout" checkbox to activate the plugin. 3- IMPORTANT: Make sure you select "None" on the Text editor select box.
And as simple as that you have the module working on any text area field.
Now once you are creating content you should select the VCL text format from the Text Format selection field. Then you need to click on "Enable Visual Content Layout". From there just hit the + sign to start adding elements or SWAPS as we call it. You can then drag and drop to move the SWAPS around.