Blocos Básicos do Core Editor

Este plugin contém alguns blocos básicos para o editor Core Editor

Demo

Resumo

• Nome do plugin: core-blocks-basic
• Blocos: column1, column2, column3, column3-7, text, link, image, video, map

Opções

| Opção | Descrição | Padrão | | --------------- | -------------------------------- | ----------------------------------------------------------------------------------------------- | | blocks | Quais blocos adicionar | ['column1', 'column2', 'column3', 'column3-7', 'text', 'link', 'image', 'video', 'map'] (todos) | | category | Nome da categoria | Basic | | flexGrid | Utilizar flexbox para o grid | false | | stylePrefix | Prefixo das classes | core- | | addBasicStyle | Usar CSS básico para os blocos | true | | labelColumn1 | Rótulo da Coluna 1 | 1 Coluna | | labelColumn2 | Rótulo das Colunas 2 | 2 Colunas | | labelColumn3 | Rótulo das Colunas 3 | 3 Colunas | | labelColumn37 | Rótulo das Colunas 3/7 | 2 Colunas 3/7 | | labelText | Rótulo de Texto | Texto | | labelLink | Rótulo de Link | Link | | labelImage | Rótulo de Imagem | Imagem | | labelVideo | Rótulo de Vídeo | Vídeo | | labelMap | Rótulo de Mapa | Mapa | | rowHeight | Altura inicial | 75 |

Download

• CDN
  • https://unpkg.com/core-editor-blocks-basic
• NPM
  • npm i core-editor-blocks-basic
• GIT
  • git clone https://github.com/incriptlabs/core-editor-basic-blocks.git

Uso

Diretamente no Browser

<link href="https://unpkg.com/core-editor/dist/css/grapes.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/core-editor"></script>
<script src="https://unpkg.com/core-editor-blocks-basic"></script>

<div class="core"></div>

<script type="text/javascript">
  var editor = coreEditor.init({
    fromElement: 1,
    container: ".core",
    plugins: ["core-blocks-basic"],
    pluginsOpts: {
      "core-blocks-basic": {
        /* ...opções */
      }
    }
  });
</script>

JavaScript

import coreEditor from 'core-editor';
import plugin from 'core-editor-blocks-basic';

const editor = coreEditor.init({
  container : '.core',
  // ...
  plugins: [plugin],
  pluginsOpts: {
    [plugin]: { /* opções */ }
  }
  // ou
  plugins: [
    editor => plugin(editor, { /* opções */ }),
  ],
});

Desenvolvimento

Clone o repositório

$ git clone https://github.com/incriptlabs/core-editor-basic-blocks.git
$ cd core-editor-blocks-basic

Instale as dependências

$ npm i

Inicie o servidor de desenvolvimento

$ npm start

Compile antes do commit. Isso também aumentará o nível de versão do pacote

$ npm run build