Subscript

에디터에서 밑첨자 텍스트를 표현하기 위한 서식과 관련 플러그인을 제공합니다.

설치

npm install @edybara/subscript

스타일

src/index.scss

@import "@edybara/subscript/styles/subscript.scss";

서식

edybaraSubscriptMarks

밑첨자 텍스트 서식을 제공합니다.

플러그인

edybaraSubscriptPlugins

하단의 모든 플러그인을 통합 제공합니다.

edybaraSubscriptKeymapPlugins

현재 텍스트를 밑첨자 텍스트로 전환하는 단축키(Mod-Shift-,)를 제공합니다.

사용 예시

src/index.ts

import { EditorState, Plugin } from 'prosemirror-state';
import { Schema } from 'prosemirror-model';
import { EditorView } from 'prosemirror-view';
import { edybaraBaseNodes, edybaraCorePlugins } from '@edybara/core';
import { edybaraParagraphNodes, edybaraParagraphPlugins, } from '@edybara/paragraph';
import { edybaraMenubarPlugins } from '@edybara/menubar';
import { edybaraSubscriptMarks, edybaraSubscriptPlugins } from '@edybara/subscript';

const schema = new Schema({
  nodes: {
    ...edybaraBaseNodes(),
    ...edybaraParagraphNodes(),
  },
  marks: {
    ...edybaraSubscriptMarks({
      markName: 'subscript',
    }),
  },
});

const plugins: Plugin[] = [
  ...edybaraParagraphPlugins({
    nodeType: schema.nodes['paragraph'],
  }),
  ...edybaraSubscriptPlugins({
    markType: schema.marks['subscript'],
  }),
  ...edybaraMenubarPlugins({
    textStyles: {
      subscriptMarkType: schema.marks['subscript'],
    },
  }),
  ...edybaraCorePlugins(),
];