Anglar에서 Frola Editor를 일본어로 설정하는 방법

4439 단어 Angular6
Anglar의 설치 단계는 생략됩니다.미안합니다.
Anglar에서 wysiwyg 편집기 만들기
Froala Editorangular-froala-wysiwyg 라이브러리를 사용합니다.
1.npm install
npm install angular-froala-wysiwyg
2. 설치 완료 후 설치 파일에서 추가
app.module.ts
import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';

 imports: [
   ...
   FroalaEditorModule.forRoot(),
   FroalaViewModule.forRoot()
 ]

.angular.json
  "styles": [
    "styles.css",
    "../node_modules/froala-editor/css/froala_editor.pkgd.min.css",
    "../node_modules/froala-editor/css/froala_style.min.css",
    "../node_modules/font-awesome/css/font-awesome.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/froala-editor/js/froala_editor.pkgd.min.js",
    "../node_modules/froala-editor/js/languages/ja.js"
  ],

scripts로 "ja.js"를 읽습니다. 이것은 Frola Editor를 일본어로 만들기 위한 파일입니다.다른 언어도 준비했다.상세 정보여기..
3. 편집기의 구성 요소 파일 추가
hoge.component.ts
import { Component, OnInit } from '@angular/core';

@Component({
  ...,
  template: `<div [froalaEditor]="options"></div>`
})
export class AdminComponent implements OnInit {

  public options: Object = {
    language: 'ja',
  };

  constructor() { }

  ngOnInit () {
  }
}
옵션에서 "language"의 "ja"를 지정하면 완성됩니다.

좋은 웹페이지 즐겨찾기