AztecEditor Android 다운로드 -Azteceditor AztecEditor Android 소스 코드 다운로드

AztecEditor Android

기타 리소스

v2.1.4

다운로드

AZTEC : Android 용 기본 HTML 편집기

AZTEC (editText를 확장하는)은 Android에서 HTML 문서를 작성하기위한 리치 텍스트 편집기 구성 요소입니다.

최소 Android 지원 버전

build.gradle 내에서 minSdkVersion 구성을 살펴보면 지원되는 최소 Android 버전을 확인할 수 있습니다.

시각적 편집자

시작하기

레이아웃의 주요 구성 요소를 선언하십시오.

시각적 편집자

< org .wordpress.aztec.AztecText
    android : id = " @+id/visual "
    android : layout_width = " match_parent "
    android : layout_height = " match_parent "
    android : scrollbars = " vertical "
    android : imeOptions = " flagNoExtractUi "
    aztec : historyEnable = " false " />

소스 편집기

< org .wordpress.aztec.source.SourceViewEditText
    android : id = " @+id/source "
    android : layout_width = " match_parent "
    android : layout_height = " match_parent "
    android : inputType = " textNoSuggestions|textMultiLine "
    android : scrollbars = " vertical "
    android : imeOptions = " flagNoExtractUi "
    aztec : codeBackgroundColor = " @android:color/transparent "
    aztec : codeTextColor = " @android:color/white " />

도구 모음

< org .wordpress.aztec.toolbar.AztecToolbar
    android : id = " @+id/formatting_toolbar "
    android : layout_width = " match_parent "
    android : layout_height = " @dimen/format_bar_height "
    android : layout_alignParentBottom = " true " />

견해를 늘리십시오 :

 val visualEditor = findViewById< AztecText >( R .id.visual)
val sourceEditor = findViewById< SourceViewEditText >( R .id.source)
val toolbar = findViewById< AztecToolbar >( R .id.formatting_toolbar)

제공된 이미지 및 비디오 로더로 AZTEC을 구성하십시오.

 Aztec . with (visualEditor, sourceEditor, toolbar, context)
    .setImageGetter( GlideImageLoader (context))
    .setVideoThumbnailGetter( GlideVideoThumbnailLoader (context))

히스토리 편집, 청취자 및 플러그인과 같은 더 많은 옵션은 데모 앱 구현을 참조하십시오.

구축 및 테스트

라이브러리 구축, 예제 프로젝트 구축 및 단위 테스트를 실행하십시오.

$ ./gradlew build

단위 테스트 만 실행 :

$ ./gradlew test

계측 테스트를 실행하기 전에

에스프레소는 테스트에 사용되는 장치에서 시스템 애니메이션을 비활성화하는 것을 권장합니다.

장치에서 설정-> 개발자 옵션에서 다음 3 가지 설정을 비활성화합니다.
창 애니메이션 스케일
전환 애니메이션 척도
애니메이터 지속 시간 규모

클릭으로 에스프레소 문제를 처리하려면 추가 설정 단계가 추가로 필요합니다 (아래 경고 참조).

장치에서 설정 -> 접근성 -> 터치 및 홀드 지연에 따라 지연을 Long 설정하십시오.

계측 테스트 실행 :

$ ./gradlew cAT

프로젝트에 Aztec을 통합합니다

 repositories {
    maven { url " https://a8c-libs.s3.amazonaws.com/android " }
}

 dependencies {
    api " org.wordpress:aztec:v1.6.2 "
}

용감한 개발자는 프로젝트를 소스 배포로 사용하거나 최신 스냅 샷을 자체적으로 위험에 빠뜨릴 수 있습니다.

 dependencies {
    api " org.wordpress:aztec:trunk-{commit_sha1} "
    // As an example, for '3f004c8c8cd4b53ab9748f42f373cf00a30e9d86' commit sha1, this would look like:
    // api "org.wordpress:aztec:trunk-3f004c8c8cd4b53ab9748f42f373cf00a30e9d86"
}

수정

API를 사용하여 AZTEC 동작을 수정할 수 있습니다.

도구 모음 항목

AZTEC 라이브러리가 제공하는 기능을 제한하려면 AztecToolbar 에서 setToolbarItems 메소드를 호출하는 것을 변경할 수 있습니다. 다음 예제는 주어진 순서로 bold plugins 및 list 항목 만 활성화합니다.

aztecToolbar.setToolbarItems( ToolbarItems . BasicLayout ( ToolbarAction . BOLD , ToolbarItems . PLUGINS , ToolbarAction . LIST ))

기본적으로 활성화되지 않은 새 항목을 설정할 수 있습니다. ToolbarAction.CODE 코드 및 ToolbarAction.PRE .pre.

CODE 인라인 HTML 코드를 나타냅니다
PRE 프리 포름 블록 (코드 블록 포함)을 나타냅니다.

작업 목록

편집기에서 활성화 할 수있는 선택적 목록 유형이 있습니다. 순서 및 변환되지 않은 목록 외에도 task list 사용할 수 있습니다. 작업 목록은 총알 대신 확인란을 보여주고 저장하는 변환되지 않은 목록입니다. 다음 방법을 호출하여 활성화하십시오.

aztecToolbar.enableTaskList()

중첩 블록

기본적으로 AZTEC은 중첩 블록을 허용합니다. 경우에 따라 이것은 선호하는 행동 일 필요는 없습니다. 중첩 블록을 비활성화하는 옵션이 있습니다. 전환하면이 편집기는 현재 선택된 블록이 아닌 현재 선택된 블록 이후에 미디어 및 수평 규칙을 항상 추가합니다.

aztecText.addMediaAfterBlocks()

자리 표시 자 API

AZTEC은 이제 자리 표시자가 EditText 및 Spannable API에 의해 기본적으로 지원되지 않는 뷰를 그릴 수 있도록 지원합니다. 기능은 시각적 편집기의 범위를 생성하고 그 위에 안드로이드보기를 그립니다. 사용자가 편집기에서 무엇이든 변경하고 편집기에서 인라인으로 재생할 수있는 비디오와 같은 것을 그릴 때보기가 움직입니다. API를 사용하려면 PlaceholderManager 인스턴스를 생성하고 다음과 같이 onCreate 호출에서 초기화해야합니다.

 private lateinit var placeholderManager : PlaceholderManager
override fun onCreate ( savedInstanceState : Bundle ? ) {
    placeholderManager = PlaceholderManager (visualEditor, findViewById( R .id.container_frame_layout))
    aztec.addPlugin(placeholderManager)
    aztec.addOnMediaDeletedListener(placeholderManager)
}
override fun onDestroy () {
    placeholderManager.onDestroy()
}

사용자 정의 PlaceholderAdapter 를 만들어보기를 준비하고 그릴 수 있습니다. 이미지와 캡션으로 간단한 안드로이드보기를 그리는 샘플 ImageWithCaptionAdapter 확인할 수 있습니다. 그러나 재생 컨트롤을 사용하여 YouTube 보기 또는 Video 보기와 같은 것들을 구현할 수 있습니다. 다음과 같이 PlaceholderAdapter 자를 등록하는 것을 잊지 마십시오.

placeholderManager.registerAdapter( ImageWithCaptionAdapter ())

관리자와 어댑터를 모두 초기화하면 관리자 메소드를 사용하여 자리 표시자를 삽입하거나 제거 할 수 있습니다.

placeholderManager.insertItem(adapterType, attributes)
placeholderManager.removeItem(predicate)

코드 형식

우리는 Kotlin Linting에 ktlint를 사용합니다. ./gradlew ktlint 사용하여 ktlint를 실행할 수 있으며 자동 형식을 위해 ./gradlew ktlintFormat 실행할 수도 있습니다. 현재 CheckStyle과 같은 플러그인이 없습니다.