@covalent/highlight

TdText编辑器 组件: td-文本编辑器

<td-text-editor> 元素生成一个简单的标记下调编辑器.

API 总结

投入

• 值 ?: 字符串
  • 编辑器中文本的值
• 选项? : 对象
  • 在此列出的有效配置对象 : https://github.com/Ionaru/easy-markdown-editor#configulation (英语)

属性

• 是 PreviewActive 吗 : 函数 ()
  • 是预览活动。 返回布尔
• 是SideBySideActive吗?:函数()
  • 是侧面活动。 返回布尔
• 是 Fullscreen 动作吗 ?: 函数( )
  • 全屏活动。 返回布尔
• 清除AutosavedValue?: 函数()
  • 清除自动保存的值。 返回无效
• 到文本区?: 函数( )
  • 返回初始文本区域。 返回无效
• 简单MDE?: 函数( )
  • 用于基础的简单MDE对象的获取函数。 返回轻松的MDE

安装

此组件可以被安装为npm包.

npm install @covalent/text-editor

设置

导入 共价文本编辑器模块 在您的 NGMudule 中:

import { CovalentTextEditorModule } from '@covalent/text-editor';
@NgModule({
  imports: [
    CovalentTextEditorModule,
    ...
  ],
  ...
})
export class MyModule {}

使用量

<td-text-editor [value]="Some Text" [options]="options"></td-text-editor>

class MyComponent {
  options: any = {
    lineWrapping: true,
    toolbar: false,
    ...
  };
}