Quill Editor 1.0リッチテキストエディタ-インストール+フロントエンド漢化(Angular)
4071 ワード
Prime NG - Quill Editor - Angular
インストールのサポート
npm install quill --save
参照JS(angular-cli.json)
"scripts": [... "../node_modules/quill/dist/quill.js"],
CSS参照(angular-cli.json)
"styles": [ ... "../node_modules/quill/dist/quill.core.css", "../node_modules/quill/dist/quill.snow.css"],
EditorModule(*.module.ts)の導入
import {EditorModule}from 'primeng/editor';
@NgModule({ imports: [ EditorModule, ],
htmlタグを書き込む
TSコード
text:string='情報エディタを編集してください';constructor() { } ngOnInit() { }
カスタムヘッダボタン+ハンファ
フロント全完全コード
インストールのサポート
npm install quill --save
参照JS(angular-cli.json)
"scripts": [... "../node_modules/quill/dist/quill.js"],
CSS参照(angular-cli.json)
"styles": [ ... "../node_modules/quill/dist/quill.core.css", "../node_modules/quill/dist/quill.snow.css"],
EditorModule(*.module.ts)の導入
import {EditorModule}from 'primeng/editor';
@NgModule({ imports: [ EditorModule, ],
htmlタグを書き込む
TSコード
text:string='情報エディタを編集してください';constructor() { } ngOnInit() { }
カスタムヘッダボタン+ハンファ
フロント全完全コード
: {{text}}