Panagram.js

Panagram.js

Panagram.js는 의존성이없는 순수한 JavaScript의 추가 소형 (2KB) 리치 텍스트 편집기 빌드입니다.

라이브 데모 : https://panagram.herokuapp.com/

설정

Panagram.js를 활성화하는 것은 매우 쉽습니다. 두 가지 간단한 단계를 수행하면됩니다.

Dist/ Folder에 포함하십시오

  <script src="dist/Panagram.min.js"></script>

또는

 nmp install --save panagram

init ()로 panagram.js 초기화

 Panagram.init({
   // one of the pre built controls, required
  controls: 'defaultControls',

  // <HTMLElement> in which you want to put controls, required
  ctrElement: document.getElementById('controls'),

  // <HTMLElement> for rich text output, required
  outElement: document.getElementById('output'),
});

맞춤 제어

config.js 파일에서 사용자 정의 컨트롤을 추가 할 수 있습니다. 기존 세트에 추가하거나 직접 만들 수 있습니다. 당신이 다른 사람들이 그것을 사용할 수 있도록 자신의 공유를 만드는 경우.

빠른 요약 또는 다른 속성 :

1. 아이콘 - 이것은 당신이 당신의 컨트롤을 대표하기로 선택한 방법입니다.
2. 제목 - 이름은 제목이라고 말합니다.
3. 상태 - 명령이 가능한 명령 목록에 있고 추가 데이터가 필요하지 않은 경우 사용됩니다.
4. formatblock- 명령이 가능한 명령 목록에없는 경우 사용됩니다.
5. 추가 - 명령이 가능한 명령 목록에 있고 추가 데이터가 필요한 경우 사용됩니다. 추가 데이터는 해당 추가 데이터를 반환해야합니다
6. 짧은 - 키보드 바로 가기로 요소에서 활성 클래스 토글링에 사용