RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/GrapesJS/preset-webpage below:

GrapesJS/preset-webpage: GrapesJS Plugin Webpage Preset

From the v1.* we don't include other plugins in this one anymore, so if you need them, you have to include them manually in your project. If you want to replicate the editor from the demo, please check the source of the demo here

Plugin name: grapesjs-preset-webpage
Commands:
- gjs-open-import-webpage Opens a modal for the import
- set-device-desktop Set desktop device
- set-device-tablet Setup tablet device
- set-device-mobile Setup mobile device
- canvas-clear Clear all components and styles inside canvas
Blocks:
- link-block
- quote
- text-basic

Option Description Default blocks Which blocks to add ['link-block', 'quote', 'text-basic'] block Add custom block options, based on block id (blockId) => ({}) modalImportTitle Modal import title 'Import' modalImportButton Modal import button text 'Import' modalImportLabel Import description inside import modal '' modalImportContent Default content to setup on import model open. Could also be a function with a dynamic content return (must be a string) eg. modalImportContent: editor => editor.getHtml() '' importViewerOptions Code viewer (eg. CodeMirror) options {} textCleanCanvas Confirm text before cleaning the canvas 'Are you sure to clean the canvas?' showStylesOnChange Show the Style Manager on component change true useCustomTheme Load custom preset theme true

CDN
- https://unpkg.com/grapesjs-preset-webpage
NPM
- npm i grapesjs-preset-webpage
GIT
- git clone https://github.com/GrapesJS/preset-webpage.git

Directly in the browser

<link href="path/to/grapes.min.css" rel="stylesheet"/>
<script src="path/to/grapes.min.js"></script>
<script src="path/to/grapesjs-preset-webpage.min.js"></script>

<div id="gjs"></div>

<script type="text/javascript">
  var editor = grapesjs.init({
      container : '#gjs',
      ...
      plugins: ['grapesjs-preset-webpage'],
      pluginsOpts: {
        'grapesjs-preset-webpage': {
          // options
        }
      }
  });
</script>

Modern javascript

import grapesjs from 'grapesjs';
import plugin from 'grapesjs-preset-webpage';

const editor = grapesjs.init({
  container : '#gjs',
  // ...
  plugins: [plugin],
  pluginsOpts: {
    [plugin]: { /* options */ }
  }
  // or
  plugins: [
    editor => plugin(editor, { /* options */ }),
  ],
});

Clone the repository

$ git clone https://github.com/GrapesJS/preset-webpage.git
$ cd preset-webpage

Install it

Start the dev server

BSD 3-Clause

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4