Editor编辑器组件

ax-editor富文本编辑器组件可编辑HTML,有别于textarea只能编辑text,支持多种快捷操作。

简单使用

使用ax-editor节点即可创建富文本编辑器组件实例。

  • 输出
  • HTML
  •                 
                    
                

初始化内容

将内容写在节点中即可。

  • 输出
  • HTML
  • 初始文本内容
  •                 
                    
                

如果是纯文本,可将内容写在value属性上,属性value的改变不会再次初始化实例。

  • 输出
  • HTML
  •                 
                    
                

Attributes属性

组件的属性与内置实例的参数是一致的,有三点需要注意:

  1. 组件属性全部小写。
  2. 属性值都是字符串格式。
  3. 属性名如果是动宾结构,或者是由两个词组成的,那么中间使用短横分开,例如:模块参数contType(如果有),在组件属性写做cont-type;参数b4Init在属性中写做b4-init

欲了解模块的参数详细,请点击这里

Methods方法

除了组件通用的setreset方法外,主要使用组件内置实例自身的方法,用法举例:elem.ins.update({})。

Events事件

由于本组件内置模块实例,所以组件的事件有两类:

  1. 组件通用的setresetconnected事件,用法举例:elem.on('connected',()=>{})。
  2. 来自内置实例自身的事件,elem.ins指向内置实例,用法举例:elem.ins.on('initiated',()=>{})。