Anglar에서 Frola Editor를 일본어로 설정하는 방법
4439 단어 Angular6
Anglar에서 wysiwyg 편집기 만들기
Froala Editor의angular-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"를 지정하면 완성됩니다.Reference
이 문제에 관하여(Anglar에서 Frola Editor를 일본어로 설정하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/onedoorysk/items/9fb5c278426d79feacc1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)