npm package '@liquiditeam/editor'

Activity

Readme

Fan Platform Editor

Classes for styling

.lt-editor-block-quote {
  ...;
}

.lt-editor-block-quote-stage {
  ...;
}

.lt-editor-bulleted-list {
  ...;
}

.lt-editor-heading-one {
  ...;
}

.lt-editor-heading-three {
  ...;
}

.lt-editor-heading-two {
  ...;
}

.lt-editor-image {
  ...;
}

.lt-editor-video {
  ...;
}

.lt-editor-audio {
  ...;
}

.lt-editor-link {
  ...;
}

.lt-editor-list-item {
  ...;
}

.lt-editor-numbered-list {
  ...;
}

.lt-editor-paragraph {
  ...;
}

.lt-editor-video-embed {
  position: relative;
  padding-bottom: calc(9 / 16 * 100%);
}

.lt-editor-video-embed > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.lt-editor-toolbar {
  ...;
}

.lt-editor-toolbar-button {
  ...;
}

.lt-editor-toolbar-button:focus {
  ...;
}

.lt-editor-toolbar-button {
  ...;
}

.lt-editor-toolbar-button {
  ...;
}

.lt-editor-toolbar-button {
  ...;
}

.lt-editor-toolbar-button-inactive {
  ...;
}

.lt-editor-toolbar-button-active {
  ...;
}

.lt-editor-toolbar-button-disabled {
  ...;
}

.lt-editor-toolbar-button-left {
  ...;
}

.lt-editor-toolbar-button-right {
  ...;
}

.lt-editor-toolbar-button-single {
  ...;
}

.lt-editor-toolbar-button-group {
  ...;
}

.lt-editor-toolbar-button-icon {
  ...;
}

.lt-editor-rotating-progress-icon {
  ...;
}

.lt-editor-processing-placeholder {
  position: relative;
  padding-bottom: calc(9 / 16 * 100%);
}

.lt-editor-processing-placeholder > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.lt-editor-processing-placeholder-inner {
  ...;
}

.lt-editor-processing-placeholder-text {
  ...;
}