JarCasting
JarCasting JarCasting

grapesjs-tooltip

WebJar for grapesjs-tooltip

Лицензия

Лицензия

BSD 3-Clause
Категории

Категории

JavaScript Языки программирования
Группа

Группа

org.webjars.npm
Идентификатор

Идентификатор

grapesjs-tooltip
Последняя версия

Последняя версия

0.1.5
Дата

Дата
Тип

Тип

jar
Описание

Описание

grapesjs-tooltip
WebJar for grapesjs-tooltip
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/artf/grapesjs-tooltip

Скачать grapesjs-tooltip

Имя Файла Размер
grapesjs-tooltip-0.1.5.pom
grapesjs-tooltip-0.1.5.jar 18 KB
grapesjs-tooltip-0.1.5-sources.jar 22 bytes
grapesjs-tooltip-0.1.5-javadoc.jar 22 bytes
Обзор

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-tooltip/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>grapesjs-tooltip</artifactId>
    <version>0.1.5</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-tooltip/
implementation 'org.webjars.npm:grapesjs-tooltip:0.1.5'
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-tooltip/
implementation ("org.webjars.npm:grapesjs-tooltip:0.1.5")
'org.webjars.npm:grapesjs-tooltip:jar:0.1.5'
<dependency org="org.webjars.npm" name="grapesjs-tooltip" rev="0.1.5">
  <artifact name="grapesjs-tooltip" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='grapesjs-tooltip', version='0.1.5')
)
libraryDependencies += "org.webjars.npm" % "grapesjs-tooltip" % "0.1.5"
[org.webjars.npm/grapesjs-tooltip "0.1.5"]

Зависимости

Библиотека не имеет зависимостей. Это самодостаточное приложение, которое не зависит ни от каких других библиотек.

Модули Проекта

Данный проект не имеет модулей.

GrapesJS Tooltip

Simple, CSS only, tooltip component for GrapesJS

Demo

Summary

  • Plugin name: grapesjs-tooltip
  • Components
    • tooltip
  • Blocks
    • tooltip

Options

Option Description Default
id The ID used to create tooltip block and component tooltip
labelTooltip Label of the tooltip. Used for the block and component name Tooltip
blockTooltip Object to extend the default tooltip block, eg. { label: 'Tooltip', category: 'Extra', ... }. Pass a falsy value to avoid adding the block {}
propsTooltip Object to extend the default tooltip properties, eg. { name: 'Tooltip', droppable: false, ... } {}
extendTraits A function which allows to extend default traits by receiving the original array and returning a new one traits => traits
attrTooltip Tooltip attribute prefix data-tooltip
classTooltip Tooltip class prefix tooltip-component
style Custom CSS styles, this will replace the default one ''
styleAdditional Additional CSS styles ''
privateClasses Make all tooltip relative classes private true
showTooltipOnStyle If true, force the tooltip to be shown when you're styling it true
stylableTooltip Indicate if the tooltip can be styled. You can also pass an array of which properties can be styled. Eg. ['color', 'background-color'] check the source...

Download

  • CDN
    • https://unpkg.com/grapesjs-tooltip
  • NPM
    • npm i grapesjs-tooltip
  • GIT
    • git clone https://github.com/artf/grapesjs-tooltip.git

Usage

Directly in the browser

<link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/grapesjs"></script>
<script src="path/to/grapesjs-tooltip.min.js"></script>

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

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

Modern javascript

import grapesjs from 'grapesjs';
import pluginTooltip from 'grapesjs-tooltip';

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

Development

Clone the repository

$ git clone https://github.com/artf/grapesjs-tooltip.git
$ cd grapesjs-tooltip

Install dependencies

$ npm i

Start the dev server

$ npm start

License

BSD 3-Clause

Версии библиотеки

Версия
0.1.5
0.1.2