리치 텍스트 편집기 플러그인 구성 configure-the-rich-text-editor-plug-ins

CRXDE Lite을 사용하여 프로젝트의 텍스트 구성 요소를 찾습니다.

RTE 플러그인을 구성하기 전에 <rtePlugins-node>의 부모 노드가 없는 경우 만듭니다.

• 구성 요소에 따라 상위 노드는 다음과 같습니다.

  • config: .../text/cq:editConfig/cq:inplaceEditing/config
  • 대체 구성 노드: .../text/cq:editConfig/cq:inplaceEditing/inplaceEditingTextConfig
  • text: .../text/dialog/items/tab1/items/text

• 유형: jcr:primaryType cq:Widget

• 둘 다 다음 속성을 갖습니다.

  • 이름 name
  • 유형 String
  • 값 ./text

구성하려는 인터페이스에 따라 <rtePlugins-node> 노드가 없는 경우 만드십시오.

• 이름 rtePlugins
• 유형 nt:unstructured

이 아래에서 활성화할 각 플러그인에 대한 노드를 만듭니다.

• 유형 nt:unstructured
• 필요한 플러그 인의 플러그 인 ID를 이름

구성 요소에서 <rtePlugins-node>/edit 노드로 이동합니다. 노드가 없는 경우 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하십시오.

edit 노드에서 다음 세부 정보를 사용하여 속성을 만듭니다.

• 이름 defaultPasteMode
• 유형 String
• 값 ​은(는) browser, plaintext 또는 wordhtml 모드 중 필요한 붙여넣기 모드 중 하나입니다.

구성 요소에서 <rtePlugins-node>/edit 노드로 이동합니다. 노드가 없는 경우 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하세요.

edit 노드 아래에 노드를 만들어 HTML 붙여넣기 규칙을 유지합니다.

• 이름 htmlPasteRules
• 유형 nt:unstructured

허용되는 기본 형식에 대한 세부 정보를 보유하려면 htmlPasteRules 아래에 노드를 만드십시오.

• 이름 allowBasics
• 유형 nt:unstructured

허용되는 개별 형식을 제어하려면 allowBasics 노드에 다음 속성 중 하나 이상을 만듭니다.

• 이름 bold
• 이름 italic
• 이름 underline
• 이름 anchor(링크 및 명명된 앵커 모두)
• 이름 image

모든 속성은 Type Boolean이므로 해당 Value ​에서 확인 표시를 선택하거나 제거하여 기능을 활성화하거나 비활성화할 수 있습니다.

htmlPasteRules 노드에도 적용되는 다양한 다른 속성이나 노드를 사용하여 다른 형식을 정의할 수도 있습니다.

구성 요소에서 <rtePlugins-node>/styles 노드로 이동합니다. 노드가 없는 경우 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하세요.

styles 노드에서 features 속성을 만듭니다.

• 이름 features
• 유형 String
• 값 *(별표)

모든 변경 사항을 저장합니다.

텍스트 구성 요소의 루트 노드(예: /apps/<myProject>/components/text)로 이동합니다.

<rtePlugins-node>의 부모 노드에 externalStyleSheets 속성을 추가하십시오.

• 이름 externalStyleSheets
• 유형 String[](다중 문자열; CRXDE에서 다중 클릭)
• 값 포함할 모든 스타일시트의 경로와 파일 이름입니다. 저장소 경로를 사용합니다.

모든 변경 사항을 저장합니다.

스타일 드롭다운 선택기 사용에서 만든 대로 구성 요소 정의에서 <rtePlugins-node>/styles 노드로 이동합니다.

styles 노드 아래에서 사용 가능한 목록을 보유할 노드(styles)를 만듭니다.

• 이름 styles
• 유형 cq:WidgetCollection

개별 스타일을 나타내는 노드를 styles 노드 아래에 만듭니다.

• 이름, 이름을 지정할 수 있지만 스타일에 적합해야 합니다.
• 유형 nt:unstructured

CSS 클래스를 참조하려면 이 노드에 속성 cssName을(를) 추가하십시오.

• 이름 cssName
• 유형 String
• 값 CSS 클래스의 이름(앞에 '.'가 없음); 예: .cssClass 대신 cssClass)

속성 text을(를) 같은 노드에 추가합니다. 이렇게 하면 선택 상자에 표시되는 텍스트가 정의됩니다.

• 이름 text
• 유형 String
• 스타일에 대한 값 설명입니다. 스타일 드롭다운 선택 상자에 표시됩니다.

변경 사항을 저장합니다.

필요한 각 스타일에 대해 위의 단계를 반복합니다.

스타일 노드 아래에 노드를 만듭니다. 스타일 지정을 참조하세요.

• 이름: jpn-word-wrap
• 유형: nt:unstructure

CSS 클래스를 참조하려면 노드에 cssName 속성을 추가하십시오. 이 클래스 이름은 일본어 자동 줄바꿈 기능에 대해 예약된 이름입니다.

• 이름: cssName
• 유형: String
• 값: jpn-word-wrap(앞에 .이(가) 없음)

속성 텍스트를 동일한 노드에 추가합니다. 값은 작성자가 스타일을 선택할 때 보게 되는 스타일의 이름입니다.

• 이름: text
  *유형: String
• 값: Japanese word-wrap

스타일 시트를 만들고 해당 경로를 지정합니다. 스타일시트의 위치 지정을 참조하십시오. 스타일시트에 다음 내용을 추가합니다. 원하는 대로 배경색을 변경합니다.

.text span.jpn-word-wrap {
    display:inline-block;
}
.is-edited span.jpn-word-wrap {
    background-color: #ffddff;
}

작성자가 일본어 자동 줄 바꿈 기능을 사용할 수 있도록 하는

구성 요소에서 <rtePlugins-node>/paraformat 노드로 이동합니다. 노드가 없는 경우 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하세요.

paraformat 노드에서 features 속성을 만듭니다.

• 이름 features
• 유형 String
• 값 *(별표)

형식 드롭다운 선택기 사용에서 만든 대로 구성 요소 정의에서 <rtePlugins-node>/paraformat 노드로 이동합니다.

paraformat 노드 아래에서 형식 목록을 보관할 노드를 만듭니다.

• 이름 formats
• 유형 cq:WidgetCollection

formats 노드 아래에 노드를 만드십시오. 여기에는 개별 형식에 대한 세부 정보가 들어 있습니다.

• 이름, 이름을 지정할 수 있지만, 형식(예: myparagraph, myheading1)에 적합해야 합니다.
• 유형 nt:unstructured

이 노드에 속성을 추가하여 사용된 블록 태그를 정의합니다.

• 이름 tag

• 유형 String

• 값 형식의 블록 태그입니다(예: p, h1, h2 등).

  구분 꺾쇠 괄호는 입력할 필요가 없습니다.

동일한 노드에 설명 텍스트가 드롭다운 목록에 표시되도록 다른 속성을 추가합니다.

• 이름 description
• 유형 String
• 값 이 형식에 대한 설명 텍스트입니다(예: 단락, 제목 1, 제목 2 등). 이 텍스트는 서식 선택 목록에 표시됩니다.

변경 사항을 저장합니다.

필요한 각 형식에 대해 단계를 반복합니다.

구성 요소에서 <rtePlugins-node>/misctools 노드로 이동합니다. 노드가 없는 경우 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하세요.

misctools 노드에서 features 속성을 만듭니다.

• 이름 features

• 유형 String[]

• 값 specialchars

  (또는 이 플러그인의 모든 기능을 적용하는 경우 String / *)

misctools에서 특수 문자 구성을 포함하는 노드를 만듭니다.

• 이름 specialCharsConfig
• 유형 nt:unstructured

specialCharsConfig에서 문자 목록을 보관할 다른 노드를 만드십시오.

• 이름 chars
• 유형 nt:unstructured

chars 아래에 개별 문자 정의를 포함하는 노드를 추가하십시오.

• 이름 이름을 지정할 수 있지만 반과 같은 문자를 포함해야 합니다.
• 유형 nt:unstructured

이 노드에 다음 속성을 추가합니다.

• 이름 entity
• 유형 String
• 값 필요한 문자의 HTML 표현입니다(예: 소수 반분의 경우 &189;).

변경 사항을 저장합니다.

단일 문자 정의에서 1~3단계를 사용합니다.

chars 아래에 문자 범위의 정의를 포함하는 노드를 추가하십시오.

• 이름 이름을 지정할 수 있지만 연필 등 문자 범위를 반영해야 합니다.
• 유형 nt:unstructured

이 노드(특수 문자 범위에 따라 이름이 지정됨) 아래에 다음 두 속성을 추가합니다.

• 이름 rangeStart

  유형 Long
  값 범위에 있는 첫 번째 문자의 유니코드 표시(십진수)

• 이름 rangeEnd

  유형 Long
  값 범위에 있는 마지막 문자의 유니코드 표시(십진수)

변경 사항을 저장합니다.

예를 들어 9998 - 10000 범위의 범위를 정의하면 다음과 같은 문자가 제공됩니다.

그림: CRXDE에서 RTE에서 사용할 수 있는 문자 범위를 정의합니다

구성 요소 내에서 <rtePlugins-node>/table 노드로 이동합니다. 노드가 없는 경우 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하세요.

table 노드에서 features 속성을 만듭니다.

• 이름 features
• 유형 String
• 값 *

CSS 스타일 시트의 위치를 정의하여 해당 위치를 참조합니다. 스타일시트의 위치 지정을 참조하십시오. 이는 텍스트에 대한 스타일을 정의할 때와 동일합니다. 다른 스타일을 정의한 경우 위치를 정의할 수 있습니다.

table 노드 아래에서 필요에 따라 다음 노드를 만듭니다.

• 전체 표에 대한 스타일을 정의하려면(표 속성 ​에서 사용 가능):

  • 이름 tableStyles
  • 유형 cq:WidgetCollection

• 개별 셀의 스타일을 정의하려면(셀 속성 ​에서 사용 가능),

  • 이름 cellStyles
  • 유형 cq:WidgetCollection

개별 스타일을 나타내는 노드를 만들어 tableStyles 또는 cellStyles 노드 아래에 적절하게 만듭니다.

• 이름 이름을 지정할 수 있지만 스타일을 반영해야 합니다.
• 유형 nt:unstructured

이 노드에서 속성을 만듭니다.

• 참조되는 CSS 스타일을 정의하려면

  • 이름 cssName
  • 유형 String
  • 값 CSS 클래스 이름(앞에 .이 없음, 예: .cssClass 대신 cssClass)

• 팝업 선택기에 표시할 설명 텍스트를 정의하려면

  • 이름 text
  • 유형 String
  • 선택 목록에 표시할 텍스트 값

모든 변경 사항을 저장합니다.

https://extensions.openoffice.org/ 페이지로 이동합니다.

필요한 언어를 선택하고 맞춤법 정의가 있는 ZIP 파일을 다운로드합니다. 파일 시스템에서 아카이브의 컨텐츠를 추출합니다.

.aff 및 .dic 파일을 찾습니다. 파일 이름을 소문자로 유지합니다. 예: de_de.aff 및 de_de.dic.

/apps/cq/spellchecker/dictionaries의 저장소에 .aff 및 .dic 파일을 로드합니다.

구성 요소 내에서 <rtePlugins-node>/undo 노드로 이동합니다. 존재하지 않는 경우 이러한 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하세요.

undo 노드에서 속성을 만듭니다.

• 이름 maxUndoSteps
• 유형 Long
• 값 기록에 저장할 실행 취소 단계 수입니다. 기본값은 50입니다. 0을(를) 사용하여 실행 취소/다시 실행을 완전히 비활성화하십시오.

변경 사항을 저장합니다.

구성 요소에서 <rtePlugins-node>/keys 노드로 이동합니다. 노드가 없는 경우 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하세요.

keys 노드에서 속성을 만듭니다.

• 이름 tabSize
• 유형 String
• 값 테이블에 사용할 공백 문자 수입니다.

변경 사항을 저장합니다.

구성 요소 내에서 <rtePlugins-node>/lists 노드로 이동합니다. 존재하지 않는 경우 이러한 노드를 만듭니다. 자세한 내용은 플러그 인 활성화를 참조하세요.

lists 노드에서 identSize 매개 변수를 만듭니다.

• 이름: identSize
• 유형: Long
• 값: 들여쓰기 여백에 필요한 픽셀 수입니다.

../items/text 노드의 구성 요소에 대한 대화 상자 정의에서 속성을 만듭니다.

• 이름 height
• 유형 Long
• 값 편집 캔버스의 높이(픽셀 단위)입니다.

변경 사항을 저장합니다.

CRXDE Lite을 사용하여 프로젝트의 텍스트 구성 요소를 찾습니다.

<rtePlugins-node>과(와) 동일한 수준에 노드를 만듭니다. 즉, <rtePlugins-node>의 상위 노드 아래에 노드를 만듭니다.

• 이름 htmlRules
• 유형 nt:unstructured

htmlRules에서 노드를 만듭니다.

• 이름 links
• 유형 nt:unstructured

links 노드 아래에서 필요에 따라 속성을 정의합니다.

• 내부 링크에 대한 CSS 스타일:

  • 이름 cssInternal
  • 유형 String
  • 값 앞에 '.'가 없는 CSS 클래스의 이름입니다.; 예: .cssClass 대신 cssClass)

• 외부 링크에 대한 CSS 스타일

  • 이름 cssExternal
  • 유형 String
  • 값 앞에 '.'가 없는 CSS 클래스의 이름입니다.; 예: .cssClass 대신 cssClass)

• https://, https://, file://, mailto: 등을 포함한 올바른 프로토콜 배열,

  • 이름 protocols
  • 유형 String[]
  • 값 하나 이상의 프로토콜

• defaultProtocol(유형 String ​의 속성): 사용자가 프로토콜을 명시적으로 지정하지 않은 경우 사용할 프로토콜입니다.

  • 이름 defaultProtocol
  • 유형 String
  • 값 하나 이상의 기본 프로토콜

• 링크의 대상 속성을 처리하는 방법의 정의입니다. 노드 만들기:

  • 이름 targetConfig
  • 유형 nt:unstructured

  targetConfig 노드에서 필요한 속성을 정의합니다.

  • 대상 모드를 지정합니다.

    • 이름 mode

    • 유형 String)

    • 값:

      • auto: 자동 대상이 선택되었음을 의미합니다

        외부 링크의 경우 targetExternal 속성으로, 내부 링크의 경우 targetInternal 속성으로 지정됨).

      • manual: 이 컨텍스트에는 적용할 수 없습니다.

      • blank: 이 컨텍스트에는 적용할 수 없습니다.

  • 내부 링크의 대상:

    • 이름 targetInternal
    • 유형 String
    • 값 내부 링크 대상(모드가 auto인 경우에만 사용)

  • 외부 링크 대상:

    • 이름 targetExternal
    • 유형 String
    • 값 외부 링크 대상(모드가 auto인 경우에만 사용됨)입니다.

모든 변경 사항을 저장합니다.