Syncfusion Angular Rich Text Editor

Syncfusion텍스트 편집기JavaScript

Angular 애플리케이션에서 리치 텍스트 및 markdown 편집을 활성화합니다.

  • HTML 및 markdown 편집 모드를 모두 지원합니다.
  • 사용자 지정 가능한 툴바와 빠른 작업 메뉴를 포함합니다.
  • 실시간 markdown 미리보기와 다양한 서식 기능을 제공합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Angular Rich Text Editor 제품 이미지
Syncfusion Angular Rich Text Editor는 Angular 개발자를 위한 다재다능한 WYSIWYG 편집 환경을 제공합니다. HTML과 markdown 구문을 모두 사용하여 콘텐츠를 만들고 서식 지정할 수 있으며, 사용자 지정 가능한 툴바와 인라인 편집 모드를 지원합니다. 이 구성 요소는 가볍고 모듈화되어 있으며 반응형으로 설계되어 다양한 애플리케이션 요구 사항에 쉽게 맞출 수 있습니다.

HTML 편집 지원

유효한 HTML 마크업으로 콘텐츠를 만들고, 편집하고, 서식 지정할 수 있도록 하며, Angular 애플리케이션에 최소한의 구성만으로 통합되는 기본 제공 HTML 편집기를 제공합니다.

실시간 미리보기가 있는 Markdown 편집

marked와 같은 타사 라이브러리와 통합될 때 실시간 HTML 미리보기 기능과 함께 markdown 구문 편집을 지원하여 markdown 서식의 실시간 표시를 가능하게 합니다.

사용자 지정 가능한 툴바

일반적인 서식 지정 명령을 포함하는 유연한 툴바를 제공하며, 항목의 재정렬, 추가 또는 제거를 허용하고, 오버플로와 접근성을 관리하기 위한 다중 행, 확장, 플로팅 모드를 지원합니다.

상황별 작업을 위한 빠른 툴바

콘텐츠, 이미지 또는 링크를 선택하면 빠른 액세스 툴바를 표시하여, 효율적인 콘텐츠 관리를 위해 선택한 항목 가까이에 상황에 맞는 편집 명령을 직접 제공합니다.

인라인 편집 모드

페이지에서 콘텐츠를 직접 편집할 수 있게 하며, 콘텐츠 선택 또는 클릭 시 표시되도록 사용자 지정 가능한 동적으로 보이는 툴바를 제공하여 콘텐츠 관리 시나리오에 적합합니다.

고급 서식 스타일

제목, 인용, 코드 블록, 글꼴 스타일, 색상, 정렬, 들여쓰기, 위 첨자 및 아래 첨자와 같은 텍스트 장식을 포함한 풍부한 서식 옵션을 제공합니다.

이미지 관리 기능

캡션이 있는 로컬 또는 원격 소스의 이미지를 삽입하고, 새 이미지를 업로드하며, 정렬, 크기, 회전, 대체 텍스트, 하이퍼링크, 제거와 같은 이미지 속성을 관리할 수 있도록 지원합니다.

하이퍼링크 처리

사용자 지정 표시 텍스트, 접근성을 위한 툴팁 구성, 자동 URL 변환을 통해 하이퍼링크의 삽입, 편집 및 제거를 허용하며, 링크 작업을 위한 빠른 툴바로 기능이 강화됩니다.

목록 및 표 삽입

순서 있는 목록과 순서 없는 목록을 만들고, 편집기 내에서 콘텐츠를 효율적으로 구성할 수 있도록 행과 열을 구성할 수 있는 표를 삽입하는 기능을 제공합니다.

추가 기능

HTML을 직접 편집할 수 있는 소스 코드 보기, 콘텐츠 미리보기, 인쇄, 전체 화면 편집, 클립보드 작업, 문자 수 제한, 실행 취소/다시 실행 기록, 타사 통합, 유효성 검사 지원, iframe 모드와 같은 기능을 포함합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular