Quill Editor 1.0 富文本编辑器 - 安装+前端汉化 （Angular）

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() {
}

自定义 头部按钮+汉化

  
    
      
        默认字号
        小号
        中号
        大号
      
    
    
      
        默认字体
        衬线字体
        等宽字体
      
    
    
      
      
      
      
    
    
      
      
      
    
    
      
      
      
        
        
        
        
      
    
    
      
      
      
    
    
      
    
  

前台全部完全代码

  
    
      
        默认字号
        小号
        中号
        大号
      
    
    
      
        默认字体
        衬线字体
        等宽字体
      
    
    
      
      
      
      
    
    
      
      
      
    
    
      
      
      
        
        
        
        
      
    
    
      
      
      
    
    
      
    
  

内容预览: {{text}}