위 챗 애플 릿 rich-text 사용 방법

2244 단어 애플 릿rich-text
위 챗 애플 릿 rich-text 사용 방법
rich-text
  • 속성:nodes 종류:Array/String 노드 목록/HTML String
  • 전역 적 으로 class 와 style 속성 을 지원 하고 id 속성 은 지원 되 지 않 습 니 다.
  • 결점 유형:type=node , name 태그 이름 String 은 일부 신뢰 받 는 HTML 노드 를 지원 합 니 다.  attrs 속성 Object 는 신뢰 받 는 일부 속성 을 지원 하 는 지,Pascal 명명 법 을 따 릅 니 다. ,  children 서브 노드 목록 Array 여부 구조 와 nodes 일치
  • 결점 유형:type=text  ,text 텍스트 String 은 enities
  • 를 지원 합 니 다.
  • nodes 는 String 타 입 을 추천 하지 않 아 성능 이 떨 어 집 니 다
  • rich-text 구성 요소 에서 모든 노드 를 차단 하 는 이벤트 입 니 다.
  • attrs 속성 은 id 를 지원 하지 않 고 class 를 지원 합 니 다.
  • name 속성 대소 문 자 는 민감 하지 않 습 니 다.
  • 신뢰 할 수 없 는 HTML 노드 를 사용 하면 이 노드 와 모든 하위 노드 가 제 거 됩 니 다.
  • img 라벨 은 네트워크 그림 만 지원 합 니 다.
  • 
    <rich-text nodes="{{nodes}}" />
    <rich-text nodes="{{nodes1}}" />
    <rich-text nodes="{{nodes2}}" />
    
    this.setData({
      nodes: "<h1 style='color:red;'>html  </h1>",
      nodes1: [{
       name: "h1",
       attrs: {
        style: "color:red",
        class: "red"
       },
       children: [{
        type: "text",
        text: '      '
       }]
      }],
      nodes2: [{
       name: "ul",
       attrs: {
        style: "padding:20px;border:1px solid blue;",
        class: "red"
       },
       children: [
        {
         name: "li",
         attrs: {
          style: "color:red",
          class: "red"
         },
         children: [{
          type: "text",
          text: '         '
         }],
        }, {
         name: "li",
         attrs: {
          style: "color:red",
          class: "red"
         },
         children: [{
          type: "text",
          text: '         1'
         }],
        }]
      }]
    })
    
    이상 은 바로 위 챗 애플 릿 rich-text 의 소개 입 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남기 거나 본 사이트 의 커 뮤 니 티 에 가서 토론 을 하 십시오.읽 어 주 셔 서 감사합니다. 도움 이 되 셨 으 면 좋 겠 습 니 다.본 사이트 에 대한 지지 에 감 사 드 립 니 다!

    좋은 웹페이지 즐겨찾기